Add Social Bookmark Buttons For Blogger! - Web Freaks (Where Noobs Become Pros)

Trending

Monday, 11 November 2013

Add 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.

No comments:

Post a Comment