Add Social Share widget to below all blogger post / Style-2 ! 1

| | , ,

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 == &quot;item&quot;'>
<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=&quot; + data:post.url + &quot;&amp;t=&quot; + 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=&quot; + 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=&quot; + data:post.url + &quot;&amp;title=&quot; + 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=&quot; + data:post.url + &quot;&amp;title=&quot; + 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=&quot; + data:post.url + &quot;&amp;title=&quot; + 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.

StumpleUpon DiggIt! Del.icio.us Blinklist Yahoo Furl Technorati Simpy Spurl Reddit Google I'm reading: Add Social Share widget to below all blogger post / Style-2 ! ~ Twitter FaceBook

1 Responses So Far:

Rehana@easyblogging.in said...

Very useful social bookmark post. Was waiting for long time to find such nice post. Bookmarked. Thank you!

Categories

Select Your Categories