السبت، 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/AVvXsEgjAfIN_ZyOW4x9aDWUjmIlytIHyM_BY144_1e3KDFseTf6-1xaZZzVhPh8OgPRC6avafkAhyZNs0q-MXt7tpGIOtlZUcHU1aVmtq0CuOCdY3XFUcDCdNcz5cM0RyD8AqpRNwQYjP2wcyw1/' 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/AVvXsEiG_ILShdWGiAuiG84E3mu79aI1yB48pZU71QNSI2iCzpKH3IIhh1MXeRkFtApqs9LLUKo6dLS47brAHwfMSWbR1SRunFfVR611xe6RddyV9e70HS5N9WHIKa9mwr4qj1ZQZu1yRgNI2GYD/' 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/AVvXsEiilbDhcLtqfOWCp9skclHsHgm-z96942s-L87rKh6TznQpqzbwEZnr3ze-dBn9mxy3utAhiiRIMthxkKvCzZgJkUL7D_riCh6na96omZfrtQOFnoFtce9DLA0ffXMXEoQnA4L2oxyE-JWG/' 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/AVvXsEiwaECNkfdBgDSQ147hDXwnVVjhpSY3K_ntLEYp35f0Abkx5uh7k_QSpigcRRTCyPgUokFFbCvCyA0hM0P1zBQhw35RlTytEhJIcsD7sNfpb8W4QDLVM7eQhnl8PW-oOec_36kvyFytWMXh/' 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/AVvXsEgobWIReW_ncoVsLwxbF6NvUqK_8m3032BGxTlvJ-UUJgrg2BRR7_UwDQjEwT9_Ay6TEUCbHMPQqR-XDf7ZjDp-otHYeFPpOpziIiKxotaKCte3X-uFh1M20ETl-q0rG1U0456U10CnB3Nx/' 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/AVvXsEjO8wseIPv33LQ4esZMhjieBkHZMjOuo_Oj7w6SW2ONhjHgZsChFNYnXc8Kqgt7CRLoX37NxlLf-EYAYk4v5UxsvKbv5paTyF2Lyf41GETVEsLRx0J03jxfYKcz_lWug-kBzCWEJMtSCwJZ/' 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/AVvXsEiCrfxxMXEgaJY8j2WAJpO6YGVbt0RHiYdTR6sSHhRKdUWH9fuvyIW5zlOeCqh2F_XVcB1FG4tU9p4VpCAGL6-v5gDN7CJyupSsn5VEczi5Axm3QIWIJXErFcIy-yd1Nzn4bqxnG7ppfu59/' 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/AVvXsEjkyHZMSQZYdx__vQXxmPe1s1wpJhxDYfFo9rfeo-7nZ7L9FJZTFMl0MpHhpXtHYoJzEL6s3VSB0JvQm7cIdSL4l_R6BWH2SE3pSZp5ThO3zOoG67OieEDOEX-lASq8DI4SbLzxcGvEf4CK/' style='padding:0;margin:0;border:none;'/></a>
</div>
</div>
5.Click on "Save Templates" and now you are done.
Click to see Demo

ليست هناك تعليقات:

إرسال تعليق