Sabtu, 24 Oktober 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/AVvXsEgxsoZGunWZB7mQVjAS4MdDlDU4vwlKaAK6-tTFndiGIdwrMEiwlLN4hpyycV-o35yqxH-Sr7arrwRKeDbPBag5SYr0D-zKBym-sC2Cea5ZRZYVDidYiv5i2tRYkiyy2AgNnCJnHpdDZmm1/' 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/AVvXsEhWGm7dLv_6mrBJM7Cyyc6LXJsBAsZs-pmTqY6Np5AUH6oqVGS7-4KyakfZDsojHFcvjevMX_Y2UYNbWeb7_HCec2AkuVkFGtVneWOiyPOL4QFS1u5JRH6CP0DZas56BRT-6GthMbfRGbDX/' 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/AVvXsEi7Q5bJU8PaMlrd-OLD891veBgMCngA2AKtaNeqkaKeglRPYF_4VCviGo_BvLCx5pLmnUHXFHa1MIVmdiRBG2gOF6WrCuCuf_eRO5aIrBN17NMdVEVsHdFxnZeAiszP98q21QURJ7qea3cp/' 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/AVvXsEjlP5zNMQ8fr4ypRkzMw0a-5A5J9F_sENsP9G0VjJz6NZQV-Sw-Azc8LtnPJXY21CPBDr8Y2Hrwffv2NZCk27EJQJ-0-6T5f7910xj5perM7RrALRIW40hPiBrglHB7YC87EJVG0ACzpqpu/' 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/AVvXsEhcHYQ4_Y8bkL_pfkiHD3GBPrJ-W2eP3y12ghEiq8LTPUeg1ZJ_h3V89Eog3G489tYojmR679oFNPFNQvw7dz_uJDAQJLM9Ihq37olZIfdIip4mEeGYcKvtrqTiNkwc7yXz4rKgO0TWVlgF/' 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/AVvXsEgt5IXFz5LPxzygnoypQRDvCS1Y7D6Ym42r8U1vTY2vS5tCNsegMwn7GqL1wKDI58-bmeAnz1pLYPyVq6A77nhCLVfCMyR5GNUd86XU_5hByC7o7XuFysBX9wufeoNzuqTC69DVxiOs9sc-/' 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/AVvXsEjyKKY3HZs_E12aGDvGKztLln62NhsUMyQGVw9ILm_VAlES6z1YFQPgSdkSrKfXtP9W9SEq-uRYRpIi7cWzRPsdT6uKiqRNCcJLKt5mCMt0VvqLMDl_D_8c_qsoqspSDjcGb_vzQ6oI3rlm/' 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/AVvXsEjmM_cW-E6EFwhMiGx1iAaJv6mGQjS3ZE74gB19XK1tjOr885VQXi5IxZRqLmuXioLmIhdMxGZbtXOfigmATGxnHEaqLcTwWw8x9fEIq5M0matQZQd0xofynBJXzIEt3FCij_YLAv3eIePE/' style='padding:0;margin:0;border:none;'/></a>
</div>
</div>
5.Click on "Save Templates" and now you are done.
Click to see Demo

Tidak ada komentar:

Posting Komentar