Recent Posts alongside Thumbnails Widget for Blogger

Recent Posts widget alongside thumbails for blogger Recent Posts alongside Thumbnails Widget for BloggerThis post service explains how to add together Recent Posts widget inwards Blogger alongside icon thumbnails:

Yesterday, when I was working on my novel Magazine agency wordpress to Blogger template conversion (I’ll unloosen the template tomorrowRecent Posts widget alongside thumbails for blogger Recent Posts alongside Thumbnails Widget for Blogger)
..this persuasion popped upwardly inwards my mind. This characteristic is likewise requested then many times here.. so, hither nosotros go..
After many lawsuit n errors, I lastly did it!Recent Posts widget alongside thumbails for blogger Recent Posts alongside Thumbnails Widget for Blogger

Features:
Thumbails to Recent Posts
Comment Count

So, let’s encounter how to install this cool widget inwards your blog..

1. Sign into Blogger dashboard
2. Go to Layout » Add a gadget » html/javascript

3. Just re-create as well as glue this code..


<script language="JavaScript">

imgr = novel Array();

imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;

boxwidth = 298;

cellspacing = 8;

borderColor = "#ffffff";

bgTD = "#000000";

thumbwidth = 40;

thumbheight = 40;

fntsize = 12;

acolor = "#666";

aBold = true;

icon = " ";

text = "comments";

showPostDate = false;

summaryPost = 40;

summaryFontsize = 10;

summaryColor = "#666";

icon2 = " ";

numposts = 5;

home_page = "http://schemar-mag.blogspot.com/";

</script>

<script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>

Explanation:

(Edit the values to lucifer your blog)

boxwidth – Width of the widget
cellspacing – Space betwixt cells (default ane is good)
borderColor – Border color (add the background color of your template to perfectly blend it inwards the template)
thumbwidth & thumbheight – Width as well as Height of the thumbnail (default are good)
fntsize – Font size of the title
acolor – Color of the title
aBold you desire bold titles? (true or false)
numposts – How many posts you lot desire to show?
home_page : http://schemar-mag.blogspot.com/ (change this to your weblog url)

This script is currently hosted inwards my server ( http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js ).
But, it is STRONGLY Recommended to download the script as well as upload to your ain hosting (google for gratis javascripts hosts) as well as supplant that url alongside yours.

4. Last only non the least.. Save the Changes.

That’s it guys!

Note : Make certain you lot selected YES inwards Settings » Site Feed » Full » Allow Blog Feeds



© BloggerTricks.com

Sumber http://www.bloggertricks.com