Technobuz » wordpress blogger plugin http://technobuz.com For blog tips,Templates ,hacks ,programming fun and tweaks. Sat, 03 Jul 2010 12:51:34 +0000 http://wordpress.org/?v=2.8.4 en hourly 1 Compilation of Wordpress Alike Blogger Plugins/Widgets http://technobuz.com/2009/07/wordpress-alike-blogger-plugin/ http://technobuz.com/2009/07/wordpress-alike-blogger-plugin/#comments Sat, 04 Jul 2009 08:24:01 +0000 Shunmugha http://technobuz.com/?p=1384
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

Copyright © 2010 Technobuz. This Feed is for personal non-commercial use only. If you are not reading this material in your news aggregator, the site you are looking at is guilty of copyright infringement. Please contact legal@technobuz.com so we can take legal action immediately.
Plugin by Taragana
]]> http://technobuz.com/2009/07/wordpress-alike-blogger-plugin/feed/ 9