Sunday, October 25, 2015

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:
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/AVvXsEi9ZuyvWAVcDdiKAiLohWXSujfJdPxwHCQ2sHETicBX6NgaHnsrI5LgL1BiRwsc5MQ__SIUx-Abfp5ZvCXiNlaBIB3MIDLZQZnTIVmBohmXf3PIMS8FpbxE7yzaXWIOBURw1CCIAim-6T9u/' 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/AVvXsEjtCWfzOztHW2KARf1c3tqntdiXHwQ0JxcUXaToDG7vc7FDrLOp4-5g7UHrqey_BatLpxJ5AjojV9YscwVG8BQNRDWK6ifuA6fdoUn1sunsmeV2C5xlsxLwtn1KrnDnKb1CECO8G7NBMjX1/' 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/AVvXsEg43vHurtefNDAwEB-2QecC3u4f7N7ifk1HL5WciZbIYklWXkSiWDIk8f8jkF8Bl_tK_WPR2DtEXRmGcumNLSrXo4WcNK1tdFT7DRQ2AO6qvR3bHApMkUxIzYf330cvX2zbIY50rETUO36u/' 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/AVvXsEhWQ5mD-Qddtgb_SFajjveu4EWUdUmrVUV3hGpMqbethzfUNyY1tA9K8RQjs8Zm4gFjJom0ZXWypZP_HUL4zQsVLb8BNzePdJHLKBbaoAUIA3n9o2BJPPzQ5vKQH4Kcw9Bml-8xU3c-ssrn/' 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/AVvXsEiKKzPMCyUefyKDCz4wibsOdMymgZccXFQEcTgmXRU3eM_WfIr4u2gqr37boeI1SVo45AMEcTrpwlZw347aaak4S3RJVJ830XtZi65fs1E5ZjwjSMsL5p8Hr0vbhCwKe-FeZ82Jtj3vr_GM/' 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/AVvXsEglFBksczVE_kF0XMNvSwd0hfnhtJEV1dxIoQFwHf69HloZN5czdtLhbHWL678CJurMz8kycugunhpmzr_fO4bQr-K6-IVsVOXoDZ8sBafYcOKXwwuEEz1hu50MQHir-jNE1KQu9p4iTYAE/' 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/AVvXsEhhduY4jPzHkxL5sAx89d0OFAEY4UnfS0rC2GzcbhpBompQCBn7yhg9riKqLheAQddgXVsvXS8POYQtamd2tFmtx68B92T42L65SWyw94Ho2EQ-Ig0EoxdMPWB9Ec7VIJjOmgSvotPjzMTS/' 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/AVvXsEigYxGkeWUMMj8YYa7rL1ZgAJOcNdUsG7BFY_J8pFm6grK-AYm_ZGJy4sdBJUKO0m15Hk0qLSGkfB7bB4NIofnVD2afvrAZbwPgwTf5-568uiIDfFpn6pbKAKeRF6J8lHraYmy5x4kSSgZn/' style='padding:0;margin:0;border:none;'/></a>
</div>
</div>
5.Click on "Save Templates" and now you are done.
Click to see Demo

0 comments:

Post a Comment