How To Add Heart Social Bookmark Icons to Blogger Post


Add Heart Social Bookmark Icons

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/AVvXsEgdNWZ0m7P22yEncLOvj5gr2bHFjTxWP2cwEoKSFfA4rfaQTtoYVTemXpV8T_89M56ZnQoZALrIOWVwKP4n4P0L9210UDKW32tMKl0xuvegLdBtEYpLvVEeuN2CV92MKcdUIEevBybEGCVn/' 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/AVvXsEjb-f7o4hoDHODOLnaN5AEOQ_8hyKVXXwRn4jgDK8BhyphenhyphenxWFhEVC1rmfw22L5uliRKBbLhlrK3ZZY9r2NIcsBt-CmxUQbb1uR9jUnBSH8FGj0fhFT4e89R09_ZPD26tvk6mqWfRMCNKBFSvO/' 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/AVvXsEi8HFCCyIeIiK62CnNr4yGqJJY_a_A5ilGlPqNdl_4C9AmCAyC33OvgvjWJ0b4AVxTjLBi4CicePJtMz_VSuRrCaeGIrzmxhT8dlebDyAGoiyYaEcuZ49PhDYFUBV75AODVvxIRRJfopIu_/' 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/AVvXsEi9gozaGB1q01rLSgRlIivEKBE11Zozo_BOrfchqmfbwNSqw4KrYfJm0v60h4UweBjAmrgbFHV04haPbgAJxMEv82G1_VQOFCJKA7eZ8Hc3MjdrUQAzeDyvYgOa_nHeffXTfXL0tYIOmKtC/' 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/AVvXsEgAP2qQfvgojI-3q36zPqg0epN9_aIym_FmTdE-iNVgwf4Bp7rtRJ3-9acDmIbTIcu6-8HkT9LVOCbh0FbF9n-ELd5XSx49X42G5RXJaRxqfkASvGCdVmFxUyDPGOPdwkJObd0qroESroFF/' 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/AVvXsEhm3aDf0M1xcambk9i5vuB1_Cv-sgkEcczs7BqqP0vwYAqSsNao95b0vL_aBd5bD7JBwpGskChyphenhyphenPP6gfH70GNbbdaz-2ql9H3wgHsSVQ1cNt-XrVsdVotXvmlWGtzI_lhp5IobazuEvPYtU/' 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/AVvXsEiolsot-ecrmtYS6LSqRhQfnYUfGz1xh0z8il3eAC7MKd8cQcB211-98ZLW1-OJ6PVx3DcBmX76Kv3xmM53UyVTPsKnj4rT68CSyvpzsR1pvzARHbM-cZKD2taO_OPXEx6gOQD0e0rCEdM8/' 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/AVvXsEgQQAE1RCzgwBJ_0MqsEk6zx0HgDkeMuBHXuQ3DK5yL3jiqcLEY1DEJzJiaeaWY8rUEAegsoIW0s0JUqdfUrUtUSdpcKkdjPNamUg8Uul_2ZTuOgW-60XegmUlIiXKnctjnUcJ3ovBZbJfz/' style='padding:0;margin:0;border:none;'/></a>
</div>
</div>


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

Sharing is too sexy isn't it ?

Comments