Friday, January 28, 2011

Social Bookmark Buttons For Blogger

0 comments
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.

Leave a Reply

Related Posts Plugin for WordPress, Blogger...