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/AVvXsEjxi9g2reSr5lVPQHPZBkcjO33Vn5hJSHDS-_BDjC5nG29J5jcD9pQ7Lkf2APSXTrUSenlbfC43R-PF66jfGPtmEIrI-ImvXbsi2CWUUIZPIpYBt9_dVpdaMgQURPqUNzOlhXfNzf8ZZBzp/' 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/AVvXsEgcJU6rk99bodmo9fktvbJKNBvNtzsAY3E4vtEPv0SHbDv12DgN1T1OIdjjWgP_Jb9YZJeX59_t4KYFotf6hef29L6Ds8jhlqzpH9u7lfC28oazY9TKvJzlEMEL568RolTKc90PzZoYSU8k/' 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/AVvXsEjLOcWFSegcgfMJhK7lGwzG8bhojlV-YADfQtn6IeB2iJEnYoVhayKhZqT2FjYBNh7CGBQuUZu3CIDMOwh6AxAPyW_xY9z3ac-kHdEl9OSDqnR-R7OMEMGqKF6wS6xZ99K9qyogR46wR6Bw/' 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/AVvXsEjeyECBzj2vBbP6xhwbteGHdRcs9f4R2VmMfAhoC0vV25Y_8w9_SZMMIAeL3cFqFL1F8oYwDgbKUN0LroDYdgRytuGINJlAVMytba-xhrTDlbnEzrNSqlfPjQqtyqqLL2pcMuO38_jK0wFi/' 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/AVvXsEjsf9yGWRqFWFNt5jpFyy-M_ux-ToBzeC3qMYchg-yT4GF-eozAWtwDQDHkHMJ_2dRtMGcEWytTYx3Z2gPNxOOZUKxh0VCdwgl7ipVh-MkRB-dxSzb-FYh5Rzm57FA3JHLth6lgqhb5su-_/' 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/AVvXsEgA4RF0N_yEKXSeShSPqA-OcL0vQ-slsGC_Cn1QUiTBn41oIkl1xkQXmYWNWeC7g8lsZZK0JE__-4jLDnMxq6zBTM8OdopN_HyUyw2ph-tZ7gP-f8TRYbDoMwdB-iq225YjOC0y1jEG5yYh/' 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/AVvXsEjqtJn_7IZT7hhSOid8GkevNSrIlktL57sJl6c6wOaRzqfUQ5D7VSsq3KMaG1eI5qUjDLYzngP_tJY0i7hxlZmDSWC4if0kq-Va61KKk-Z4nCKPZM6tQsHlHDVhUnU0NGKQ2-Ef7MnY5KT6/' 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/AVvXsEj0KS-GlHZrjgR0BLuGV5-vOwcLAzTe_8RdkH6fsY484N5m0bF_bSaICajV-q6yQ6Xl6KSzVFTBXVPEeJpD5loauN_cg4pU7RzqWS2W5Wsvcgu4dOXXkzw3JzTmuzRMsDw_CSjvfOMdk9yF/' style='padding:0;margin:0;border:none;'/></a>
</div>
</div>

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

Demo