ss_blog_claim=752cdf4fa7cc7b60527b400da1af07d5

Compilation of Wordpress Alike Blogger Plugins/Widgets

Written on July 4th, 2009 at 3:24 am by Shunmugha

8 Comments

Compilation of Wordpress Alike Blogger Plugins/Widgets

In this post i will present a list of Wordpress alike blogger plugins that is sure to spice up your blog.In case of wordpress ,plugins are available,all you need is to install and activate it but for blogspot we have to install manually .This list will ease the work of search for blogspot Users. There are numerous sites that provide you widgets but i have compiled the most useful and necessary Blogger widgets/plugins from various sites.
Credits to the Developer’s.

1.

Thumbnail in Post


Wordpress users have many plugins to provide this feature but for blogspot users there are no ready made plugin ,we have to manually do it.

How to post Thumbnail image in post in blogger?

1.Login to your blog and go to dashboard
2. Layout » Add a gadget » html/javascript
3.Copy and paste the below code


<script language="JavaScript">
imgr = new Array();

imgr[0] = "http://YOUR DEFAULT IMAGEURL.jpg";
imgr[1] = "http://YOUR DEFAULT IMAGEURL1.jpg";
imgr[2] = "http://YOUR DEFAULT IMAGEURL2.jpg";
imgr[3] = "http://YOUR DEFAULT IMAGEURL3.jpg";
imgr[4] = "http://YOUR DEFAULT IMAGEURL4.jpg";

showRandomImg = true;

tablewidth = 248;
cellspacing = 8;
borderColor = "#ffffff";
bgTD = "#ffffff";

imgwidth = 118;
imgheight = 100;

fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";

text = "comments";

showPostDate = false;

summaryPost = 50;
summaryFontsize = 11;
summaryColor = "#666";
icon2 = " ";

numposts = 5;

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

4.Save Changes and its Done!

2.

Related Post Widget for blogger

How to install it?

1.Layout >Edit HTML

2.”Expand Widget Templates” box.

3.Search for the 

</head>

tag.

4.Add the following code just before the 

</head>

tag.

<style>

#related-posts {
float : left;
width : 540px;
margin-top:20px;
margin-left : 5px;
margin-bottom:20px;
font : 11px Verdana;
margin-bottom:10px;
}
#related-posts .widget {
list-style-type : none;
margin : 5px 0 5px 0;
padding : 0;
}
#related-posts .widget h2, #related-posts h2 {
color : #940f04;
font-size : 20px;
font-weight : normal;
margin : 5px 7px 0;
padding : 0 0 5px;
}
#related-posts a {
color : #054474;
font-size : 11px;
text-decoration : none;
}
#related-posts a:hover {
color : #054474;
text-decoration : none;
}
#related-posts ul {
border : medium none;
margin : 10px;
padding : 0;
}
#related-posts ul li {
display : block;
background : url("http://i299.photobucket.com/albums/mm297/zozuglogger/weed-bullet.gif") no-repeat 0 0;
margin : 0;
padding-top : 0;
padding-right : 0;
padding-bottom : 1px;
padding-left : 16px;
margin-bottom : 5px;
line-height : 2em;
border-bottom:1px dotted #cccccc;
}

</style>
<script src='http://torrentmoon.com/javascripts/Related_posts_hack.js' type='text/javascript'/>

5.Search for 

<p><data:post.body/></p>

6.Add code below just beneath the code you just searched.

<b:if cond='data:blog.pageType == "item"'>
<div id="related-posts">
<font face='Arial' size='3'><b>Related Posts : </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'>

<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div></b:if>

7.Save the template.Done!

3.

Recent Post Plugin/Widget for Blogger



How to install Recent Post Widget?

1.Login to your blogger account.
2.Visit http://www.bloggerplugins.com/widgetposts.html
3.Customize as you like ,click Add Widgets to My blog button.
4.Click Add Widget button in the comes up in the new window.
5.Done!

4.

Popular Post widget for Blogger

How to install it?

1.Fill the below form and click Add to blog Button

Widget Title
:



Blog url
: http://



eg:
yourblog.blogspot.com



2.In the new window click Add Widget Button,Done!

Credits :http://www.bloggerbuster.com/2008/04/popular-posts-most-commented-widget-for.html

5.

Top commentor Widget for Blogger

How to install it?

1.Visit http://www.bloggerplugins.com/topcommentatorswidget2.html
2.Fill the form and click Add Widget to my blog Button.
3.In new Window click Add Widget Button.

6.

Wordpress alike Comment Box for blogger

All you need is to visit http://www.intensedebate.com/and install the widget.

7.

Social BookMarking Widget for Blogger

How to install?

1. Login to your account,Template>Edit HTML
2.Replace 
<head>

with

<head><script src='http://files.bloggerplugins.org/simpletricks.js'>

3.Search and find 

<p class='post-footer-line post-footer-line-3'>

in the template.
4.Place the following code below that line

<style type='text/css'>
.bookmark img { border: 0;
padding:0px; }
.bookmark a:hover {
position: relative;
top: 1px;
left: 1px; }
</style><span class='bookmark'><table align='left' border='0' cellpadding='0' width='100%'><tr><td style='vertical-align:middle' valign='middle' width='30%'><div expr:id='"sbtxt"+data:post.id'>Bookmark this post:<span style="display:none"><a href="http://www.bloggerplugins.org">Bloggerwidgets</a> <a href="http://www.bloggerplugins.org/2007/09/social-bookmarking-elements-after-each.html">Social Bookmarking   Blogger Widget</a></span></div><script type='text/javascript'>showsbtext(&quot;sbtxt&quot; + &quot;<data:post.id/>&quot;,0)</script></td><td><a rel="nofollow" expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&amp;title=" + data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",19);"' target='_blank'><img alt='StumpleUpon' src='http://files.bloggerplugins.org/icon_sb_stumb.gif'/></a> <a rel="nofollow" expr:href='"http://ma.gnolia.com/bookmarklet/add?url=" + data:post.url + "&amp;title=" + data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",6);"' target='_blank'><img alt='Ma.gnolia' border='0' src='http://files.bloggerplugins.org/icon_sb_mag.gif'/></a>
 <a rel="nofollow" expr:href='"http://digg.com/submit?phase=3&amp;url=" + data:post.url' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",1);"' target='_blank'><img alt='DiggIt!' src='http://files.bloggerplugins.org/icon_sb_dig.gif'/></a> <a rel="nofollow" expr:href='"http://del.icio.us/post?url=" + data:post.url + "&amp;title=" + data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",2);"' target='_blank'><img alt='Del.icio.us' src='http://files.bloggerplugins.org/icon_sb_del.gif'/></a> <a rel="nofollow" expr:href='"http://www.blinklist.com/index.php?Action=Blink/addblink.php&amp;Description=&amp;Url=" + data:post.url + "&amp;Title=" + data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",3);"' target='_blank'><img alt='Blinklist' src='http://files.bloggerplugins.org/icon_sb_bli.gif'/></a> <a rel="nofollow" expr:href='"http://myweb2.search.yahoo.com/myresults/bookmarklet?u=" + data:post.url + "&amp;=" + data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",4);"' target='_blank'><img alt='Yahoo' src='http://files.bloggerplugins.org/icon_sb_yah.gif'/></a> <a rel="nofollow" expr:href='"http://www.furl.net/storeIt.jsp?u=" + data:post.url + "&amp;t=" + data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",8);"' target='_blank'><img alt='Furl' src='http://files.bloggerplugins.org/icon_sb_fur.gif'/></a> <a rel="nofollow" expr:href='"http://www.technorati.com/cosmos/search.html?url=" + data:post.url' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",9);"' target='_blank'><img alt='Technorati' src='http://files.bloggerplugins.org/icon_sb_tec.gif'/></a> <a rel="nofollow" expr:href='"http://www.simpy.com/simpy/LinkAdd.do?href=" + data:post.url + "&amp;title=" + data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",10);"' target='_blank'><img alt='Simpy' src='http://files.bloggerplugins.org/icon_sb_sim.gif'/></a> <a rel="nofollow" expr:href='"http://www.spurl.net/spurl.php?url=" + data:post.url + "&amp;title=" +  data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",11);"' target='_blank'><img alt='Spurl' src='http://files.bloggerplugins.org/icon_sb_spu.gif'/></a> <a rel="nofollow" expr:href='"http://reddit.com/submit?url=" + data:post.url + "&amp;title=" + data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",17);"' target='_blank'><img alt='Reddit' src='http://files.bloggerplugins.org/icon_sb_red.gif'/></a> <a rel="nofollow" expr:href='"http://www.google.com/bookmarks/mark?op=add&amp;bkmk=" + data:post.url +  "&amp;title="+data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",20);"' target='_blank'><img alt='Google' src='http://files.bloggerplugins.org/icon_sb_goo.gif'/></a> <a expr:href='&quot;http://tools.bloggerplugins.org/twitter.php?url=&quot; + data:post.url +  &quot;&amp;title=&quot;+data:post.title' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,21);&quot;' rel='nofollow' target='_blank'><img alt='Twitter' src='http://files.bloggerplugins.org/icon_sb_twitter.png'/></a>
</td>
</tr>
</table><br/>
</span>

4.Save it,Done!

8.

Retweet Plugin/widget for blogger

How to install it?

1.Login,Layout -> Edit HTML->Expand Widget Templates

2.Search for 

<data:post.body/>

and place the following code before or after it.

<script type="text/javascript">
tweetmeme_url = &#39;<data:post.url/>&#39;;
</script>Retweet this button on every post blogger
<script src="http://tweetmeme.com/i/scripts/button.js" type="text/javascript">
</script>

3.Save it,Done!

Do suggest if you know Wordpress alike Blogger plugins

http://technobuz.com/wp-content/plugins/sociofluid/images/digg_48.png http://technobuz.com/wp-content/plugins/sociofluid/images/stumbleupon_48.png http://technobuz.com/wp-content/plugins/sociofluid/images/delicious_48.png http://technobuz.com/wp-content/plugins/sociofluid/images/technorati_48.png http://technobuz.com/wp-content/plugins/sociofluid/images/google_48.png http://technobuz.com/wp-content/plugins/sociofluid/images/facebook_48.png http://technobuz.com/wp-content/plugins/sociofluid/images/yahoobuzz_48.png http://technobuz.com/wp-content/plugins/sociofluid/images/mixx_48.png http://technobuz.com/wp-content/plugins/sociofluid/images/twitter_48.png
, , ,

8 Responses to “Compilation of Wordpress Alike Blogger Plugins/Widgets”


  1. Tech @ InkAPoint

    6 months ago

    Dude. Good compilation man.

    Tech @ InkAPoint’s last blog post..Fake Search Engines for Twitter

    [Reply]

    admin Reply:
    July 5th, 2009 at 12:46 am

    Thanks buddy:)

    [Reply]


  2. Mohan

    6 months ago

    Nice post man, it will defenatly help me

    [Reply]

    admin Reply:
    July 6th, 2009 at 12:53 am

    Welcome Mohan..

    [Reply]


  3. Tech-Freak Stuff

    4 months ago

    When i was on Blogger, I seriously missed these wordpress plugins. But better late than never, Its good to see these plugins used by blogger users. It will surely add good navigation to their blogs.
    Tech-Freak Stuff´s last blog ..Useful Tips for Writing Good Blog Comments My ComLuv Profile

    [Reply]

    admin Reply:
    September 2nd, 2009 at 8:18 am

    That’s right it will provide them more edge..And happy to see you dropping in your first view here :) Welcome

    [Reply]


  4. murkcore@blogger blog

    6 days ago

    I use Intense Debate on my Blogger blogs. It has all the features you mentioned and some more.. Aside from that it installs rather quickly and easily and you don’t need to know HTML coding to add it to your blogs/websites. You just follow a few simple instructions and its installed. And it’s also free..

    These plugins/widgets here is a very good alternative though.. Thanks for these nice plugins..
    murkcore@blogger blog´s last blog ..Easily replace the boring old Blogger Comment form with a feature rich plugin My ComLuv Profile

    [Reply]

1 Trackbacks For This Post

  1. Compilation of Wordpress Alike Blogger Plugins/Widgets | Technobuz | WEBMASTERLIB.COM Says:
    July 6th, 2009 at 2:49 am

    [...] at : HERE Related PostsHow do you put RSS on homepage? – Website Babble Webmaster ForumsBlogger is [...]

Leave a Reply

CommentLuv Enabled