Saturday, January 29, 2011

Social Bookmark Buttons For Blogger

This gadget helps to put social bookmark button collection to blogger.

1. Now log to your blogger and navigate to Layout > 
Edit HTML and expand Widget Templates

2. Find this code by using Ctrl+F       <data:post.body/>

3. Copy these code after there red code

<div style='clear:both; '>

<div style='width:60px; float:left;'>

<script type='text/javascript'>

digg_url = &#39;<data:post.url/>&#39;;

</script>

<script src='http://digg.com/tools/diggthis.js' type='text/javascript'/>

</div>

<div style='width:60px; float:left;'>

<script badgetype='square' 
src='http://d.yimg.com/ds/badge2.js' 
type='text/javascript'><data:post.url/></script>

</div>

<div style='width:65px; float:left;'>

<a 
expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + 
data:post.url + &quot;&amp;title=&quot; + data:post.title' 
rel='external nofollow' target='_blank'><img alt='Stumble' 
src='http://s310.photobucket.com/albums/kk426/magznetwork/socialbig/stumble.gif'
 style='padding:0;margin:0;border:none;'/></a>

</div>

<div style='width:65px; float:left;'>

<a 
expr:href='&quot;http://del.icio.us/post?url=&quot; + 
data:post.url + &quot;&amp;title=&quot; + data:post.title' 
rel='external nofollow' target='_blank'><img alt='Delicious' 
src='http://s310.photobucket.com/albums/kk426/magznetwork/socialbig/delicious.gif'
 style='padding:0;margin:0;border:none;'/></a>

</div>

<div style='width:65px; float:left;'>

<a 
expr:href='&quot;http://technorati.com/faves?add=&quot; + 
data:post.url' rel='external nofollow' target='_blank'><img 
alt='Technorati' 
src='http://s310.photobucket.com/albums/kk426/magznetwork/socialbig/technorati.gif'
 style='padding:0;margin:0;border:none;'/></a>

</div>

<div style='width:65px; float:left;'>

<a 
expr:href='&quot;http://twitthis.com/twit?url=&quot; + 
data:post.url' rel='external nofollow' target='_blank'><img 
alt='Twitter' 
src='http://s310.photobucket.com/albums/kk426/magznetwork/socialbig/twitter.gif'
 style='padding:0;margin:0;border:none;'/></a>

</div>

<div style='width:65px; float:left;'>

<a 
expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + 
data:post.url + &quot;&amp;t=&quot; + data:post.title' 
rel='external nofollow' target='_blank'><img alt='Facebook' 
src='http://s310.photobucket.com/albums/kk426/magznetwork/socialbig/facebook.gif'
 style='padding:0;margin:0;border:none;'/></a>

</div>

</div>

4. Now you are done.

1 comment:

  1. thanks dude, this worked for me, www.trueinternetworld.com . hope to learn from you

    ReplyDelete