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/AVvXsEiSHi6hzeBAPaHqN1MgbV5TqU2LFuSvbGlovEDq1t6f2MKnATyp23a8oeT0Esx-3VEn0pORN6t-JJ90N1bC6gT9ggz5pS8xwURmdYVCK2eeecdDYyit3mftKHzcHwH0mSgm3v3FtxZkRM6c/' 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/AVvXsEgHuT8mYk65c1hEFdPFPEC-W0P7CGd3UVn-vKNQ8Ixbh8Us9sQpNHwosvoKr2ZNZJvzbp6i7VAahxEf7DoKqexE3eak1STb5RLv1NyYF1P7JVQLQo0XeXcrSjoUgN6hFYufXvbKOdAogieo/' 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/AVvXsEhCH-KBkaGvzVQpDAqbE2exTKF7EyJQV1HFaS9eaIDxR9NZ9C4XzA9jLNaUhNR_QmZFl-GCmytfYtmcsyr93o-CphWVH4N6q_BaEHVJRKB6guvrwfWUfb3lEgRrMOt0j2beNntg_XNmht5Q/' 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/AVvXsEhbf8WvkmzNMICKre3mvpdDpBGoAM5qEBLvnB9ld_29iSZ6hcIUWja-cpvFpI9kUaWcp-tGgswnqoN2ucNnipIrwjMO8YOXEAS9BGqJevugFGoSvqnjOcLrKRHgR8D5hVx34D24BKIk4GLp/' 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/AVvXsEiZ9SETSZX0Wr3p5T8N1fJ3kNGvULw5FgQm63mtvf1tWvBDSIGEs_GcsPHnHXCSGCBm-nbmsgoStZ_ecJyQtjwnYBzW5y8oYzYstzXWfS-DrGO8NIcMRiumdbdkELikIujsI1It3ZZCi8JI/' 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/AVvXsEjE9MukA5RCF4Ycjxd8csSp1t-M4mTOdthT2WKSgWDcqibbLI0PBWSH63SkhvABacvgY23jdCBnU8JSlOPfV2TAiYrkNhNt7Ftp3O5nHMxzhuO66VILUouorgUbH7pSyX-0imXU8AgZ5JuL/' 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/AVvXsEhJjBPJ321xhi4KVxSJWtpgc7wfVL_NP9PzabHIL9abjVGAM1q52kRN2weT75rXr9S9KEPk1kh6xNLV8Qmp2pnjOKW4q2aVdaHrVxNy425GscV4dbuKFP2URjr2xp3YBYKA0fxLZ65QImry/' 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/AVvXsEhxiIHfn27P7MLiksk8CXzEI1TX8B4pkmIMYYtJbQnTGZ5liBl6XKplfIknDcP3yrDLew6AuQUr7aVHYigTC76_-Om70cGSabWECobC3Fom-PBhjQW5JIvig01p4js_x1ymkAlaeIqor5fb/' style='padding:0;margin:0;border:none;'/></a>
</div>
</div>

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

Demo