Add Cool Social Networking Buttons to Blogger Template

February 17, 2011 By Rob

See the cool social bookmarking buttons at the bottom of each post? If you would like them on your Blogger Blog, do the following:

1. Go to the “Design” tab

2. Click “Edit HTML”

3. Check “Expand Widget Templates”

4. Hit “Ctrl f” on your keyboard and find
<b:if cond=’data:post.hasJumpLink’><br /> <div class=’jump-link’> <a expr:href=’data:post.url + “#more”‘ expr:title=’data:post.title’><data:post.jumpText/></a> <br /> </div> </b:if>

5. Paste the following code in the box below just beneath the above code

Right click-select all and copy code to paste:

<div class=”addthis_toolbox”><div class=”custom_images”><a class=”addthis_button_twitter”><img alt=”Twitter” height=”32″ src=”http://2.bp.blogspot.com/_4HKUHirY_2U/TIb9fsSTv4I/AAAAAAAAB90/lJxosSNM6jE/twitter.png” width=”32″ /></a><br /> <a class=”addthis_button_delicious”><img alt=”Delicious” height=”32″ src=”http://4.bp.blogspot.com/_4HKUHirY_2U/TIb9MH_zqNI/AAAAAAAAB9E/PahHr5GN6dI/delicious.png” width=”32″ /></a><br /> <a class=”addthis_button_facebook”><img alt=”Facebook” height=”32″ src=”http://2.bp.blogspot.com/_4HKUHirY_2U/TIb9NTh41aI/AAAAAAAAB9U/2RkBR3wbLBY/facebook.png” width=”32″ /></a><br /> <a class=”addthis_button_digg”><img alt=”Digg” height=”32″ src=”http://4.bp.blogspot.com/_4HKUHirY_2U/TIb9M5a4BZI/AAAAAAAAB9M/xoWTjnPVepc/digg.png” width=”32″ /></a><br /> <a class=”addthis_button_stumbleupon”><img alt=”Stumbleupon” height=”32″ src=”http://1.bp.blogspot.com/_4HKUHirY_2U/TIb9e_Kpo-I/AAAAAAAAB9s/1WqjOIz3B_A/stumbleupon.png” width=”32″ /></a><br /> <a class=”addthis_button_favorites”><img alt=”Favorites” height=”32″ src=”http://2.bp.blogspot.com/_4HKUHirY_2U/TIb9eJ5RTWI/AAAAAAAAB9c/tYvdT6xgaLw/favorites.png” width=”32″ /></a><br /> <a class=”addthis_button_more”><img alt=”More” height=”32″ src=”http://3.bp.blogspot.com/_4HKUHirY_2U/TIb9egD8XSI/AAAAAAAAB9k/rZY5eofO2SY/more.png” width=”32″ /></a><br /> </div><script src=”http://s7.addthis.com/js/250/addthis_widget.js#username=wam8387″ type=”text/javascript”></script></div>

VOILA! You now have the cool looking social networking buttons at the bottom of every post! Don’t you feel awesome now?