Saturday, October 24, 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/AVvXsEi2bpZqaWNEOExgWFf8FPBMDsLkuMn4j7UpNdUSsLfcAUujWFbOF5bezDnKSx-yTibEhunee7DJRiEHBrMfU07Bg9Ij0hewUSkidk35Z27BASdHkKRnC0siWcUNTkc4KnocQC9g9Jp4kA3K/' 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/AVvXsEhPW2qTDpOu1mXPnRXv7oHUsNdYpc9tIRRbFk4KtU31zmaFPmhVw8cnr-2RT1Z2dN3m4Gw2H-h11aK90hp8kwcQ_wAU9dsjWp7x-dYA_Ks5ZS06ZuC6IVepETkh6lqfITBxIm5HVTRTvoIN/' 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/AVvXsEhKAh0p9uAId8POdShqkPpS7KQvPww1SgRqXD2c0WR7MzouMYBd3OpFxuEYtePKYk0CkkECK81Du3xahSTbYD7jwg_jU5ngxpSsFQpuhgVXlmERsLqNYbSybtmAMkPYI2-RCPugTw5QfDet/' 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/AVvXsEiLLQsVTAiiwqvJV8bEokElIDSr95KLXS7IhJ-o5kkQC5AYhfXR-qp1KEYv4DBYLGKMxFtZ9XbjhyTuBGXuO-n-6wn9plRTtjGTAxCVQkpnLJ7z9lL_XNO6eA5Ia1XLO9tHuFkhACR5Y6Fo/' 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/AVvXsEghQJ7dGevukkt8OWbKdPSSTmdczUnAUybabEeWYjfuTDulva_dwAEm8UWmlRM6EN93TJ2mzhF7XPRzqjsEPswUtiulElc-N9Xh1mwSJG-aC_UQxkxQxw0Nrvm3ieB0A_s1TqAmcp7S6b2v/' 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/AVvXsEg8bUDz1641wtXSV9jPyy_UgYeoOa7g4OWC91ruRVjP9K58dcCYaqZTWUi28cnvll_XhWLInXzrWy48Zdx4Ciy2CYeVJWlGeMSbs7kXget49hwFVQNHolTURHXBWwOPsBEpuHodrs45O3qZ/' 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/AVvXsEjfDiqqCw4m2adDWUjdbS5nGyko5e1RS9MoNX6sRES33mEvYvB-QMfEWzzDU3ApTkmDycz81N-rRhYZhAN6DSIOdXO7lN0FHv7fDWrAhBEzUyOdvQASQd9yWdpIvSA-wwPQSaL_rVtSlkTR/' 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/AVvXsEip83RmeuRedtZ4Ws55Yr4YJss6yigErDS5pKy-e0z_y22aSlg9yVmMw2vvzF5Sk6cx6WYa7sA6A2r1HZBu_OmtlzaqpuRg9zeUmBVDHpadO3UdsAAGRN2IKOXJsWEZBaeryIvjPXjEoYjq/' 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