How To Add Heart Social Bookmark Icons to Blogger Post

1.Log in to your dashboard--> layout- -> Edit HTML

2.Click on "Expand Widget Templates"

3.Scroll down to where you see this:

<data:post.body/>

4.Copy below code and paste it immediately after the line <p><data:post.body/></p> .

<div style='clear:both; '>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Stumble' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOQOF9wPmYUpNzJxfjjPRNAVZOLVsXWrXXFvckVXZXhfL3JXkSl4iYn-DSc6tKnyeA7sk6r17aVM8RaZBtrrHUE4sjAQPpHjwPJyOPvPhwIITNzmU2mWtNociV7B0cMjMgk38fveNAWY43/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Delicious' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiDMA_cRXbcR0FoQHq1w9DEWK_taF2G7yeWZESQ8IEqCNolW_Ba3dlzN0XcC0CRfeTZOjfdIw4X23Eqbim1bu0D_4IY4amm8rVIVfwiJde58boB5slOMyvWeNR3EPkCoPiSHCLKADQhV15/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://technorati.com/faves?add=&quot; + data:post.url' rel='external nofollow' target='_blank'><img alt='Technorati' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJRkQSXIT81UtfImFfS7qWQBSryPs7-KYqCsra0ROhzDzutPRAPWVvXj_hw5qPeCOL_0pS2wF2nZC07HGDPHLZKa7xlVc8mFxjwAE6RRXI82RBJsExfWMDdMVyXxMao-Vzasqak2KjeLMx/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url' rel='external nofollow' target='_blank'><img alt='Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTawoFvpsQkcIK1nHoMC9EjfD4JcJNRlbbTVR_IUEnKOxE0LVEv2ZOaD96SwjlD0F2Mu7E1cCh9Vw7m-IXdSrchZuF0j-itdWJ6he8eYs8RcUl358y2y08IYSMnzQRr5PB7p6_i4vtlBZz/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwoxpNqVhJsq2ihvXlRqk8Lmn3xgqveFnE_EH1gabOZvrqncCCdkgDlWJqEedI6eF5sVtjXdaHBuAcP79vNrF1z-KKGbyK3-cIqynDhAvFRH6ylXbQHZp6azE336NTm4DBuxJZ2coYcB8S/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://myweb2.search.yahoo.com/myresults/bookmarklet?u=&quot; + data:post.url +  &quot;&amp;=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Yahoo' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_8ANXL9NbaVRRGFMxkZWolQQoxtoQphRF6paixGAWqRG0pjjsFsvH04Au3nbk0N9fcEJZK-nT600D49XIeFeD4TIWmDrpVhK0JRoGu9hqxdtQH94nDKZKQxxnoAi5380vcC_B-EyXPK6r/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://reddit.com/submit?&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Reddit' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxtmpFj8PI42IPHR3gsu00ybk1WG0w3h28xEmrlOQIfMrO6xxuDC3VTnnb28aLD9AGXn9CxRpSVnv_2gBOWWscciyScHDxgZUB3CTwk4nI66TQuZcLdLtnKXgBuVCuWQsH-EXoY8wl-8xQ/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' rel='external nofollow' target='_blank'><img alt='Feed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhd24S_2pfKIcCSQI_qtwhPmKZUKVIIBAcb72rPQYyToTBtprZMPun-xPvYXsxnpPug3mX4iNrOXNFLjKMKDiBKB7ufmOEjs45pjEMaGuPtEFUYNDUCkAepVyoJEaiNfFewDle7lzURIi_k/' style='padding:0;margin:0;border:none;'/></a>
</div>
</div>

5.Click on "Save Templates" and now you are done.

Demo