How to add social bookmark links to blogger

Today im going to show you how to add social bookmark text links below your blog post so people can bookmark it or whatever. So first save a backup copy of your template before editing now you will need to expand widget templates and look for the following code in the screenshot below



next copy the following code



<p class='bookmark'>

<a expr:href='"http://digg.com/submit?phase=2&amp;url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'>Digg it</a>

<a expr:href='"http://del.icio.us/post?v=4&amp;url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'>Add to del.icio.us</a>

<a expr:href='"http://www.stumbleupon.com/submit?&amp;url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'>Stumble it</a>

<a expr:href='"http://www.facebook.com/sharer.php?&amp;u=" + data:post.url' target='_blank'>Share on Facebook</a>

<a expr:href='"http://technorati.com/signup/?f=favorites&amp;Url=" + data:post.url' target='_blank'>Add to technorati favorites</a>

<a expr:href='"http://reddit.com/submit?&amp;url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'>Submit to reddit</a>

<a expr:href='"http://myweb2.search.yahoo.com/myresults/bookmarklet?&amp;u=" + data:post.url' target='_blank'>Add to YahooMyWeb</a>

<a expr:href='"http://www.simpy.com/simpy/LinkAdd.do?href=" + data:post.url' target='_blank'>Submit to simpy</a>

<a expr:href='"http://www.spurl.net/spurl.php?v=3&amp;Url=" + data:post.url' target='_blank'>Submit to spurl</a>

<a expr:href='"http://www.furl.net/storeIt.jsp?&amp;u=" + data:post.url' target='_blank'>submit to furl</a>

</p>



and paste it like ive done in the following screenshot



now we will add some CSS code to create some spacing in between each of those links so copy the following CSS code


.bookmark a:link {
margin:0 8px 0 0;
}



and paste it just before the closing skin tag like ive done in the following screenshot below



now if you preview your template before saving you should see some text links like mine in the screenshot below



you can play around with the CSS code to create more spacing also you could change the margin to padding just see what you can come up with.

If you enjoyed this post dont forget to comment and let me know if it worked for you