Download Picasa Web Albums Without Installing Picasa

Note: this post initially linked to a Greasemonkey script that no longer works, but it now offers an easier solution suggested in the comments.

Unlike other photo sharing sites, Picasa Web Albums offers a way to download an entire album, but that requires Picasa 2.5 or later. If you don't want to install the application or you use Mac or Linux, there are other ways to download a photo album.

For Firefox, you can use DownThemAll, probably the best download manager add-on. After installing the extension and restarting the browser, go to the album you want to download, click on the "RSS" link from the sidebar and you'll get the album's feed. Right-click on the page, select DownThemAll/DownThemAll in the contextual menu, expand the Filters section and check "Images". Don't forget to enter the folder where you want to save the photos.

Update: Read the comments to find a lot of interesting ways to download albums from Picasa Web.

YouTube Feeds

Make thumbnail for related posts

You may know the code for related posts which I showed in previous post in Simplex Design blog. In this post ,I want to show you the code for adding thumbnail to related posts . This code is based on related posts code before but add some lines for thumbnail . I myself don't create this code ,I found it in Bloggerpluggins blog,and introduce it here ,I hope it helpful for you all .



You can take a look on related post with thumbnails at live demo

 






Here is steps for doing this hack :

1,Go to Dashboard ,continue to Layout --> Edit HTML .Checked on Expand Widgets template .


2,Look for  </head>

and replace it with :



<!--Related Posts with thumbnails Scripts and Styles Start-->

<!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>

<style type="text/css">

#related-posts {


float:center;

text-transform:none;

height:100%;

min-height:100%;

padding-top:5px;

padding-left:5px;

}



#related-posts h2{


font-size: 1.6em;

font-weight: bold;

color: black;

font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;

margin-bottom: 0.75em;

margin-top: 0em;

padding-top: 0em;

}


#related-posts a{

color:black;

}

#related-posts a:hover{

color:black;

}



#related-posts  a:hover {


background-color:#d4eaf2;

}

</style>

<script type='text/javascript'>

var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEju4PMfrz8SVz72CEf3iyqExNSX__huAamArNkbJVc3TxF1j5g6n9BqI4-Ipa8wBEi7VRSW1MpFuI8UAjVfH0WTbvCToAG1wDEWRXXt3c5Y0KpQ1VnB-QbWVQfVNEiA4QdTrpSvKoMSQFY/s400/noimage.png";

var maxresults=5;

var splittercolor="#d4eaf2";

var relatedpoststitle="Related Posts";

</script>


<script src='http://blogergadgets.googlecode.com/files/related-posts-with-thumbnails-for-blogger-pro.js' type='text/javascript'/>

<!-- remove --></b:if>

<!--Related Posts with thumbnails Scripts and Styles End-->

</head>

This is CSS for formatting related posts section .

3,Find <div class='post-footer-line post-footer-line-1'>

or <p class='post-footer-line post-footer-line-1'>


if you don't find any of two lines above in templates ( for example ,in template I designed ^^) you can find this <p><data:post.body/></p>

and add the code below after these line :

<!-- Related Posts with Thumbnails Code Start-->

<!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>

<div id='related-posts'>

<b:loop values='data:post.labels' var='label'>


<b:if cond='data:label.isLast != &quot;true&quot;'>

</b:if>

<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:loop>

<script type='text/javascript'>


removeRelatedDuplicates_thumbs();

printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);

</script>

</div><div style='clear:both'/>

<!-- remove --></b:if>

<!-- Related Posts with Thumbnails Code End-->


There are some variables in this code and you can change its value for making related posts section as you want .

var maxresults=5;

the number of related post which will be show

var relatedpoststitle="Related Posts";

title of related posts section

var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEju4PMfrz8SVz72CEf3iyqExNSX__huAamArNkbJVc3TxF1j5g6n9BqI4-Ipa8wBEi7VRSW1MpFuI8UAjVfH0WTbvCToAG1wDEWRXXt3c5Y0KpQ1VnB-QbWVQfVNEiA4QdTrpSvKoMSQFY/s400/noimage.png";

url of default image if it can't create thumbnail

var splittercolor="#d4eaf2";

color of splitter line .

4,Save your template and you are done .

Using Joomla Building Powerful and Efficient Web Sites

Game Crusade – December 2009 Joomla Club Template

JA Urani – December 09 Joomlart Template

S5 Clan Roster – Joomla Component by Shape5