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/AVvXsEibK6cc3uw1P6fHsP11tqSuAzBX4IV0EvM-Rk-UkRAgFfzeouk5R3sEQ79el5Kzr98aJ_uEi2JNkINkfelU6Sn4CKowOH3LN7Vsdrof1LP7JnLdo4Ud9FLtE1Wi7EvQHigRYU60b9yfbYA/' 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/AVvXsEjLSHslpCw0jxkCCKgiH6ekvjw61rU4VsLilgBgqP3_dCzFeAZzFk3qY85WW3QzJN2Zpwh0Swm2KC4ol2JstGhP12qMuS9_BEht8ABjrQsCMDry3mXdwNf3pRQh5_nNQ4zSeS1Z06lNc50/' 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/AVvXsEgHNePypq8cRFL1liGqIfH5GlDtsln6JS8I4slm9y3lGPQn5AMbMd_z9QFFxZjP13I3WiVOS0xUdVQJIBCu2IduP8jycWjWwsez-DuThOMsrZlZcX329EXedj9Gk_h8VyKGGrvPS2vSwGo/' 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/AVvXsEju78G_oeCS115FLsX3SyOSXps8Da0cexBpU6vlmd7PYxdURv7WgKSes1bAWXxC6cM-Gne3TauMwTn20wzip6uMisRqHreejQHb8thyMu4g4Mlm4UOoP5jgO_yOmreR3NuzNDQJyhXxBpE/' 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/AVvXsEjvdb4KlxDrgDPo4I-ISXFSLAF4-ql6bSZK869S2a5de9Kjbk1gU0XVNgznZIm3qM3TiyfQVHtx5qz544SBqDd9Vzsh0X1HVQ2mXylBbTVFxXE3RGMlL7j-NwWzWlYYafWezLrkPIno9aI/' 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/AVvXsEgLZdG-JSqy8VBrNGZnHa6oLcjKoxcuZMtaSF753Epr8luxDgrS6aDtlZ997xvOET3AUAxtB3lm6Y9AzYYeIZFQ7P56_Kuo_GH7_l_EcGkJabDT1MN7Vw5Aix6fwxLxPcmX9bcLofcwSjY/' 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/AVvXsEjtAnN4sa7Ea9deMIqWlnkwbgS8Fq8ZbZosD-PeEJhzdJgp_7D9ctxDoGTFWPi_BbGIXJdjTeaBagwBd3ATP9Fx8hbnoie1FCs2HsPPQ2__bu7zoYfk7DCJYUTbXKcv4q4EnO5rralaCPI/' 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/AVvXsEjgKCEwpnkMxfw-ZEYYrasULOSc1L4squtMTXoW3IrG57NTzrEGgmB1ldg1WXt_D_0Syb3Glu_I23kUMdDd0yM2AAriZa7eOIVoZ4O0p7kTGIUjcCboGgFbyJDwOWYDP10fSDcvQmOLcu0/' style='padding:0;margin:0;border:none;'/></a>
</div>
</div>

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

Click to see Demo