Add Social Bookmark Buttons in Blogger

Now you can add Social Bookmark Icons and Buttons in your Blogger Blogs very easily. So many new bloggers are searching for this article and i have narrate all the issues in this article. After reading this article you will be able to put the Social bookmark icons in your blog easily and also you can customize your icons if you want. For Adding the Social Bookmark icons in you blog you need to add few line of code in you blog’s Edit HTML Section. Detail Instruction on how to Add Social Bookmark Buttons in Blogger is given below.

How to Add Social Bookmarking Icons in Blogger:

• Login to Your Blogger Account

• On Your Dashboard, Click on Layout (see below shown picture for further assistance)

• Now Click on HTML (see below shown picture for further assistance)

• Now Check the box of Expand Widget Templates (see below shown picture for assistance)

Now Find this code: <data:post.body/> and Replace it with the code given below.

<data:post.body/><b:if cond='data:blog.pageType == &quot;item&quot;'><div class='post_social_bookmark'><span style='color:blue;font-weight:bold;font-size:1.5em'>Like this article? Spread this word to your Friends and Peers</span><br/><a expr:href='&quot;http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Digg'><img alt='Digg' height='48' src='http://1.bp.blogspot.com/_lxBSX0YJV58/SwQiO9krTcI/AAAAAAAAAhc/80Z-NLrZ7wU/s1600/digg.png' width='48'/></a>

<a expr:href='&quot;http://www.google.com/bookmarks/mark?op=edit&amp;output=popup&amp;bkmk=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Google Bookmarks'><img alt='Google Bookmarks' height='48' src='http://1.bp.blogspot.com/_lxBSX0YJV58/SwQitItySOI/AAAAAAAAAhs/RQQh6Du9HrA/s1600/google.png' width='48'/></a>

<a expr:href='&quot;http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='reddit'><img alt='reddit' height='48' src='http://1.bp.blogspot.com/_lxBSX0YJV58/SwQitlmYSuI/AAAAAAAAAh8/mTtVHQxL_mE/s1600/reddit.png' width='48'/></a>

<a expr:href='&quot;http://www.mixx.com/submit?page_url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Mixx'><img alt='Mixx' height='48' src='http://2.bp.blogspot.com/_lxBSX0YJV58/SwQitawG7PI/AAAAAAAAAh0/vF4HOlj8JH8/s1600/mixx.png' width='48'/></a>

<a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='StumbleUpon'><img alt='StumbleUpon' height='48' src='http://2.bp.blogspot.com/_lxBSX0YJV58/SwQit6IUS5I/AAAAAAAAAiE/gfbBSYnbjnU/s1600/stumbleupon.png' width='48'/></a>

<a expr:href='&quot;http://www.technorati.com/faves?add=&quot; + data:post.url' target='_blank' title='Technorati'><img alt='Technorati' height='48' src='http://4.bp.blogspot.com/_lxBSX0YJV58/SwQiuP6h64I/AAAAAAAAAiM/x_aGzBKYCgc/s1600/technorati.png' width='48'/></a>

<a expr:href='&quot;http://buzz.yahoo.com/article/&quot; + data:post.url' target='_blank' title='Yahoo! Buzz'><img alt='Yahoo! Buzz' height='48' src='http://1.bp.blogspot.com/_lxBSX0YJV58/SwQi2FtKY5I/AAAAAAAAAiU/ByTK_Wci_Uo/s1600/yahoo.png' width='48'/></a>

<a expr:href='&quot;http://www.designfloat.com/submit.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='DesignFloat'><img alt='DesignFloat' height='48' src='http://4.bp.blogspot.com/_lxBSX0YJV58/SwQiOmnjWDI/AAAAAAAAAhU/nMIbaOaCDic/s1600/designfloat.png' width='48'/></a>

<a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Delicious'><img alt='Delicious' height='48' src='http://4.bp.blogspot.com/_lxBSX0YJV58/SwQiOHLlI8I/AAAAAAAAAhM/6JP39Dh6sF8/s1600/delicious.png' width='48'/></a>

<a expr:href='&quot;http://www.blinklist.com/index.php?Action=Blink/addblink.php&amp;Description=&amp;Url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='BlinkList'><img alt='BlinkList' height='48' src='http://3.bp.blogspot.com/_lxBSX0YJV58/SwQiN859bNI/AAAAAAAAAhE/E_Uh6XTQmpo/s1600/blinklist.png' width='48'/></a>

<a expr:href='&quot;http://furl.net/storeIt.jsp?t=&quot; + data:post.title + &quot;&amp;u=&quot; + data:post.url' target='_blank' title='Furl'><img alt='Furl' height='48' src='http://3.bp.blogspot.com/_lxBSX0YJV58/SwQiPG9Y6xI/AAAAAAAAAhk/YzmjQUPdnrg/s1600/furl.png' width='48'/></a><script src='http://www.buzrr.com/button.js'/><script src='http://www.reddit.com/button.js?t=2' type='text/javascript'/><script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/></div>

Save your Template and Done, Now check your blog post you will find the icons ready to go.

if you are facing any problem then let us know, just comment and we will help you surely.

If you want, you can Use this Social Bookmark Icons also. Just upload them and grab the path and replace with the imges path given in above code.

Related posts:

1. How to add Google Buzz to Blogger blog
2. Add Google Buzz Button in Blogger Blogs
3. How To Add Google Buzz Links and Buttons On Your Blog
4. How To Add Facebook Status Updates in Blogger Blogs
5. Remove Date Stamp From Blogger – A Simple Tutorial