Add Social Share widget to below all blogger post / Style-2 !
Follow simple and easy step to adding this widget to blogger ---->>>>
* First go to your blogger Dashboard.
* Now click in Design tab and EDIT HTML.
* CLick in small box to expand your blogger Template.
* Now find this code ]]</b:skin> by CTRL+F key.
* Copy Below code and paste before ]]</b:skin>
.social{background:url(http://lh3.ggpht.com/_7Y9pl24WpQY/TA_SRNUnXQI/AAAAAAAAEMU/wO0S1gPNYIQ/border_thumb%5B3%5D.png) repeat-x center bottom;line-height:2.2em;font-size:12px;margin:0;padding:8px 15px 8px 0;border:none} .social a:link{text-decoration:none;border:none;padding-right:10px} .social a:hover{text-decoration:none;border:none;opacity:0.75}
* Now again find this code <data:post.body/> By CTRL+F key .
* And copy below code and paste after <data:post.body/>
<b:if cond='data:blog.pageType == "item"'>
<div class='social'>
<a href='ADD HERE YOUR FEEDBURNER URL' rel='nofollow' target='_blank' title='Subscribe to RSS'><img alt='' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYCBcVaEf0jQ-Vn16Z0zcvnL4wXQtXdmb80qYJ8B3naTov4SHiDbVwy-uAUCJkMNhLU5lixegFKxjWjgEp7zVb76R3KgmOl8ta0ZNMnQCJBd9nqhKQTo9wEC10bon7KXxxYj-2wmhtyUM/'/></a>
<a href=' http://www.facebook.com/sharer.php?u=" + data:post.url + "&t=" + data:post.title' rel='external nofollow' target='_blank'><img alt='' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuM1cvsQ8bJN8c7K3q74acsGcyXn1ZNPApNDdajOPZdsyPwVtcaxecJzWqRAGAPwFZNqhFdoRU9te9FP8f-LGEketUtbKsEGDUOaoD0h34xJHZs04WCEQhPxXFx5uqrUrGGXmMJL4Dm-I/'/></a>
<a href=' http://twitthis.com/twit?url=" + data:post.url' rel='external nofollow' target='_blank'><img alt='' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIt4-48P5sIa1mFaAzAgBJl4BT6GvwDr6gqTNaaYBR569tvgfZgTqAscH-_jOHlYOPZ1T3d-L5V1I_nw6n4M8FS1kywj9uS8EtkcHeUGvTPKquwCKhuvLGTmXNk2hU6I2Z3FqOHH6-2vA/'/></a>
<a href='http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' title='Add To Del.icio.us !'><img alt='' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsWdqx5_tvPZhGMEqOCSeEIJzmk2QTgsRKzDki_BMFbIq985z2mT9NLQ8CPI-dx_UsJFItFAbtyHKt1lJgnCTDJWwQ_5hQADq4bCMVsGXvkdqjZYHyP0-n9GpyCzZJqYY8wZaOScAsm-Y/'/></a>
<a href=' http://digg.com/submit?url=" + data:post.url + "&title=" + data:post.title' title='Share On Digg !'><img alt='' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4vNUn9AmsQkTKtyrSvlfRACGRdLBlu7OnloQyuK_TO-wcYWqGTqJnIRLsl7eCLcZcQdEcpmI-xmEPRQ66CCiQ5wUqo9zD72xc7_tgGVo6-uT0cM4yIkuE1AG7U0fo-lb519_cHh6qlHY/'/></a>
<a href=' http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' title='Share On StumbleUpon !'><img alt='' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjdV-2oLjUIvMFf5RKPvFtBwzWPrVuCqpqSBfYMke66oezS3zx0z8iYQc2FWmqWcIvXTSfNMXQG8H_Z5U1ej3jzeotshH5omNPF7Df6OodqwRzTjljWQ-WEbBUEFnv6gf92qTXS-3P-Lg/'/></a>
</div>
</b:if>
NOTE:- Remove Highlighted text In above code with your own ok.
* Now click to save Your blogger Template and now you are done CHEERS.
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() |
1 Responses So Far:
Very useful social bookmark post. Was waiting for long time to find such nice post. Bookmarked. Thank you!