Breaking News
Loading...
Friday, December 20, 2013

How To Add Heart Social Bookmark Icons to Blog

1:20 AM

To do so, first of all log in to Blogger
Now go to Layout -> Edit HTML.
Now Download the present template as a back up
Then click on "Expand widget templates"

Now search (CTRL+F) this



<data:post.body/>


4.Copy below code and paste it immediately after the line
<data:post.body/> 
<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/AVvXsEh4Pq6za7MYBnr3ZCLIa0f_qbVYeg2BrjzBDIyexmix6q5_GrCTcEEm6tsS4bhAmeyOMx0IC6VMt0XsbhsVPA6bx82vDDWXCOQzHBT390s31RDcbecBBa5GX9OIO3D9NaiAPb4VC8LDFn76/' 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/AVvXsEhTz0z9CwJp7l7wo-d3HpjmU7RdCOWATmgOM6M2nSUFaZb0s1Rdq4cEkBhDhzzD034J9YT4NqxI-E77KjlEc9RNuAUEaaO0kX2H1dSYV0WzGJFFJJLRyyzajFrcB1WvOxP0OlpRPn-c4z8B/' 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/AVvXsEh4Ur_8zf5nhkwrXNcDSrQfDuPD6GPIT5deEo3RcwuSiGPWLw0RHioCWsMSrrZ-LBdxwV61CDpFPVz0hSMUShc1-ACPu4b-fY6L1re2FXtSFcXD8IrU84QtYCaycFExi3oMtIFzM3F9qgTQ/' 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/AVvXsEhPAI9y0qy4CtGNpRLQ2_n7FoZ8o_gwpA5Tj7c-vqearSazPcULFHlcTdtTojvpYFrRNIB9ahU4isleSyNBL_IL_crcEZqSkk3g9xpRIwlv4iG1LyWsbR1O3ZReg1n1tHRrOI8V5ZGwTeAb/' 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/AVvXsEh6gLGuXpBPyAq1lEEkCWJuwROy6lJQ6DBETyBzVQJZZ-MaA5UmFXQPggWKX5tSyY4ur57Wpnwh5cBGh8GP4IxAZP2QSFC_99o8PasSLbPN2XgplEIQLWtk_KOyz10z0NgVKOoSXFePX5mo/' 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/AVvXsEh8SsNRY3nJ7zW-N-EOrnGYkhLPIyHdyOSBI4q3CLG4zFlYD9HslNnBvmipNGqRg3oUjSXAhaRb3UO0AMQiM87XpkYG_mwrm8oVODJEcRWZvdKABZrb-x4EWCm521PcEa4zF0W8bqwDJnQ6/' 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/AVvXsEhNZIGWgRLAYaqcblkzRiU0w_AeefxNqStLOXfiq8hPpC7w5EfUMCXHR7mnt3aShTsv_-LpSHFhpS96-3Cocw9zBN4AHJnwVEOFmQF0x_1cH_q1DXZzZsenbyKMnl-IvjUSn2yaJAytVRV_/' 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/AVvXsEg99TdbYHj35PqDfuSkuCZ8lZHgP7azHTCKSsuwNA8tC5HLojHylT66VuNrXSp45he3MXDiSPLqSqf8b12-gfhj3EaQBCXI218oBnXJstF7P5jfhPLgKXh3Uab75rpyuKWpke6fo9sqF2k5/' style='padding:0;margin:0;border:none;'/></a>
</div>
</div>

Now click Save Template

0 comments:

Post a Comment

 
Toggle Footer