I was bouncing around the net trying to find some easy, “Copy and Paste”, code to add Sociable type functionality to my Blogger blog and had little luck locating code that actually did what it said it would. So I set to the task of writing something that would.

Below is some simple code you can copy and paste into your Blogger template to add the following group of social networks to your Blogger web sites.

Socialize this post

Step by step directions

1. Access your Blogger dashboard and click on the layout tab. Select the, “Edit HTML“, sub tab.

2. Make sure, “Expand Widget Templates“, is selected. You can also revert to your defaulted widget template by clicking the revert button on the bottom.

3. Look for the following strip of code in your template.

<p class='post-footer-line post-footer-line-3'/>

4. Past the code below after this tag and hit preview.

Copy And Paste Sociable Code For Blogger

<br /> <strong>Socialize this post</strong><br /> <a expr:href='"http://digg.com/submit?phase=3&url=" + data:post.url' target='_blank'><img src="http://i144.photobucket.com/albums/r181/lukeslytalker/digg.png" title="Digg It" alt="digg How Do I Add Sociable Buttons to my Blogger Template?" /></a> <a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img src="http://i144.photobucket.com/albums/r181/lukeslytalker/delicious.png" title="Del.icio.us" alt="delicious How Do I Add Sociable Buttons to my Blogger Template?" /></a> <a expr:href='"http://technorati.com/faves/naterati?add=" + data:post.url + "&title=" + data:post.title' target='_blank'><img src="http://i144.photobucket.com/albums/r181/lukeslytalker/technorati.png" title="Technorati" alt="technorati How Do I Add Sociable Buttons to my Blogger Template?" /></a> <a expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img src="http://i144.photobucket.com/albums/r181/lukeslytalker/stumbleupon.png" title="Stumble Post" alt="stumbleupon How Do I Add Sociable Buttons to my Blogger Template?" /></a> <a expr:href='"http://www.furl.net/storeIt.jsp?u=" + data:post.url + "&t=" + data:post.title' target='_blank' title='Add to Furl'><img src="http://i144.photobucket.com/albums/r181/lukeslytalker/furl.png" title="Furl It" alt="furl How Do I Add Sociable Buttons to my Blogger Template?" /></a> <a expr:href='"http://www.spurl.net/spurl.php?url=" + data:post.url + "&title= " + data:post.title' target='_blank' title='Add to Spurl'><img src="http://i144.photobucket.com/albums/r181/lukeslytalker/spurl.png" title="Spurl" alt="spurl How Do I Add Sociable Buttons to my Blogger Template?" /></a> <a expr:href='"http://myweb2.search.yahoo.com/myresults/bookmarklet?u=" + data:post.url + "&=" + data:post.title' target='_blank' title='Add to Yahoo web'> <img src="http://i144.photobucket.com/albums/r181/lukeslytalker/yahoomyweb.png" title="My Yahoo" alt="yahoomyweb How Do I Add Sociable Buttons to my Blogger Template?" /></a>

If you enjoyed this post, make sure you subscribe to my RSS feed!