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:

Heart Social Bookmark Button Below Blogger Post

<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/AVvXsEg1IiGq9dcaTxD0b5Om6_vtxpOMcp6FT8-BaAr3JYoId35m-9yKlQCy8aY1-DDXoO8fiyS5WgfBKnMKKbjPfiN_KZG5oVGIvIFu58vN4Qm-aMf17wXx95ARroP4JG7G7__XUdqVRzk258Bd/' 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/AVvXsEhAEW2wBOvf8jVQtnbgr9CDh1GmordRFG8XW6ZgJGNZFtlQCw_N6PNzEB3P3Lkilc6XPs4JL6dBpy0i-x0rgEpv4Aswa72_eb57N2uPdncZtt2fu25uQq_Rtp1rRql9zy40PcUkGdqn4dpX/' 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/AVvXsEh3O-ZGgDwrWoWPhuYHJnNTwTrMVwYKOJOpTb5MG3slMDnmNDqg5B7AkNimtMofHQ0JoTekFWcNQEMiIsrG1-CInbZj5oirF5ZzXgXKPd4D-r703xHRPrKc5Xa2b6kVt-1A0k2LFhH5ClHl/' 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/AVvXsEgQHsDQM97jdsiNTOSCtgETLCt2v0NI_AEIsYzfcr1DuyZHvFvcIv90L024MimuTAwsM9-5pX7TDf5NyMJYHLoZ-4tbFJib8xIUUWC0awpzP8HbNJsKBAu5Dpzo-8Yrl52fJnJ8VszOvbNZ/' 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/AVvXsEiGvWjDXHUG7ocez4Q7aBbnCVmQ2UdDWb8mIigdUhDqNSZ3iJgu9rals0mdnjgLI3kXF6VvMO9t_qQ_GXZ9vdZfikWxdC1PYCuTP5635KwrtN6IF2K4r1czbMN5eLzjo0RBfvd_n66d4cYr/' 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/AVvXsEhtblcy89ZgbpLiprferwHaJnhOwVMC1JWN9l6_MeE_C8Ceid9NtuviZsJw_G-s5Z82S9ZOJ0X6x2W0N2G6ioD3pli17NWtCwvaFJ_UuyXt4VH-2p3eF_HP1Io-pkSTdpTvChk3DLaDiB-b/' 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/AVvXsEgEqYC7YLoBRuST8S6ob4DKw-X_RhlLvSNx7OI8GakYATDm7An6De7OEiCZBsexjhDe6o_WoDd3Su8Usp9iNtms84NFZ9fECYy7nmZ7iRWMyi6xX7RGwdX0kNeiN89TrgXGOLV0EpxpdTqZ/' 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/AVvXsEjemPYHpyIDZNcThKqh8rDh8tNBITIw_-f07KhU35XH3mLQACoUgDSiRO8HK6cIVsF7nwxSp8ntgNHhCi0Z_I_6vn5L6bNwtL07tJFk9E5MxIF1sUKUT2gTuLnfX0s5zPTRScpC3SHMvOLV/' style='padding:0;margin:0;border:none;'/></a>
</div>
</div>


5.Click on "Save Templates" and now you are done.
Demo
any problem while adding Heart Social Bookmark Icons to Blogger Post??plz leave comments below

Related Posts