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/AVvXsEgFDgIcT7_uKcep1aFKj9_MtmhLxRMLqC7xdwqC7gfYOR4WKw8tRQpZp9UBE-MhXAT2v3CegGkch_tqN70Ug9ESZhQA-YaX0zM7h9a_PP4QqB37sqjmPwem0TnTypbAiXxYdGFm3o04prKO/' 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/AVvXsEhHIareL0cXJH7nqfxkTVcJ1eIGqAw6acrSc5tO_jbyBgGkK1Gy_x35GA2AapZiY1mSHapZXdrvsUWAsYBVete8p4am8tuq6aPyshqh32TGmVISOXmTY2zF1yKXhQhBR1hKWnR1ImwEoIcs/' 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/AVvXsEh6gF9u6lSnSKFIFouSMJSfdEwAXJKMGCrbjw_eG8_HNOGYDDt_i5e-G0LLPcTQH7ahBNszjmEq6WaHO4hEHYsk4PvJBVmzcOKopbaiE_vE2FYORbD-C8mC3mG5OXZoCLi7ETcwqCxBIuJ2/' 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/AVvXsEirGE8zVau2yWTlLLwS4ZZ4k2L5wtmw8ioXf7XLDpg_4Wx4TPjtdxXjdXpXHAzbby6BmhVA0j87mZRL2qna9Q9rRj9uAQSMuDD5u123GVXX6S6Y-gr_liZ7Jn-MzE7tZTCEmTlFiJ0JD9ez/' 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/AVvXsEgmuFXz2zjE2-HR7JX5lyY9vL8Bgoa_7-_YHq5X8t8-BESm3Z8JlThtpTWSco4lr4OzOEg0AOq3zvwEm1wS6HamUY-JnPQT3Xt4kCNVfSh0IEMqOawHeO2j0NN960xzao-sonkLawBIpReG/' 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/AVvXsEgn2j7719ssiJmeXIIBYFRpq3Q-klPz_sCHUPJaBuytWX9pzkqWaI_1iNUwaB9NajIJxqNrzoYXZN-QQ_8bUzuJ2XX4xsf9JYJp15Knr7Kwfwm17VX9Lu3Mku4ODdysEYhBjkXmxyiKYwic/' 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/AVvXsEgZnJADmbEwqraE5hZbYEbuUTBK8OK7XIHodeBlX4Vd7uvY72I1Yx3rgdRkmDOvUYS1D1-VuLwOiArBgO4_QRbSXTIgZHGipFPZP3oatC9Q1uwVJvP8LS0_ptTfLC2-wDumJ5Gvc7EOtIpf/' 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/AVvXsEhr0Vl-Qh15afvHb705miUbPbphoklTaGCdlcXvIjd7NCZdlTOXoiB2RDoK7NXEc6ca2EAxGooRUUnGv2z1oCyzLsugP4usvH8o_qsPAWvyU2Bsh8EedKLzTxUOdSXQQFBuinfMUkBZ0h5X/' style='padding:0;margin:0;border:none;'/></a>
</div>
</div>

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