Tutorials are the best things for the users where they can learn by using the tutorials. So this is one of the tutorials to add social bookmark icons in blogger post. Social bookmarks icons also make you site look nice and attractive. Social bookmarks is the best platform to share the elements of your website to the reader where as this is also one of the best ideas to increase the traffics for your site. And the social bookmarks help the reader to bookmark the post that you post or write with theirs best social bookmarking sites like twitter, facebook, yahoo, stumbleupon and others. So this is a tutorial that I’m writing that how to add social bookmarking icons below the post your site.
These are few steps tips to add social bookmark icons in your blogpost
- Here you have to first log in your blog account
- Click on Design or Layout ? click on edit html and be sure that option of expand widget is ticked.
- Sometime the html codes may get error so that your whole website get damage therefore here first you have to backup the template by clicking on ‘Download Full Template’ at the top your html code.
- Now here what you have to do is find the following code in your html code
<div class ="post-footer-line post-footer-line-1">
And now copy the following codes and paste just below the above code
<!-- Start of social bookmarks --> <b><i>Share this:</i> |<a expr:href='"http://digg.com/submit?phase=2&url=" + data:post.url + "&title=" + data:post.title' target='_blank'>Digg It</a> | <a expr:href='"http://technorati.com/faves?add=" + data:post.url' target='_blank'>Add to Technorati</a> | <a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' target='_blank'>Save on Del.icio.us</a> | <a expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'>Stumble It</a> | <a expr:href='"http://www.facebook.com/share.php?u=" + data:post.url + "&title=" + data:post.title' target='_blank'>Share on Facebook</a> | </b> <!-- End of social bookmarks -->
After adding the above codes you will be able to see the social bookmarks icons on your site at the below of your post.
Also Read About: