- First login to your blogger dashboard.
- Go to Blogger design-Edit HTML
- Download or backup your template.
- Search for this by using (Ctrl + F)
data:post.body
Now paste the following code just above it.
<b:if cond='data:blog.pageType == "item"'>
<table border='0'>
<tr>
<td>
<!--Stumbleupon-->
<a expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank'><img alt='Stumble' src=' Button Link'/></a>
</td>
<td>
<!-- Twitter -->
<a expr:href='"http://twitthis.com/twit?url=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank'><img alt='Twitter' src='Button Link '/></a>
</td>
<td>
<!--DIGG-->
<a expr:href='"http://digg.com/submit?phase=2&url=" + data:post.url' rel='external nofollow' target='_blank'><img alt='Digg This' src='Button Link '/></a>
</td>
<td>
<!--Email a Friend-->
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<img alt='' src='Button Link'/>
</a>
</td>
<td>
<!--Facebook-->
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show_faces=false&width=100&action= like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; margin-top:16px; height:40px;'/>
</td>
</tr>
</table></b:if>
Replace all red links with your social username.
Save your template.
Visit your blog and enjoy with new icons.
0 comments:
Post a Comment