Monday, 22 August 2011

Add Social Share widget to below all blogger post









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/AVvXsEhouGhR0CidALj1XG0E8daUAUS3JwJyCZScqCBDNQ-zQuFR-MghHRqvcPq63X2X-tl6P3oFTgMeKGEw4z0rhqVlbAaEWaokah_yEG4w0ffjhc76ancNWxE9MHMaNIkSS52XQ4o6R1FVMVE/'/></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/AVvXsEjup6EDwuXe4BQGaF9Jwu9Z4xGFF5VXf2QwcYWEXsQsIMghL6UwalnKAvcOHzIF40VXdPGVfGfK9f0P3PV_WI0-70H4sWWw2hz-7u9dZeCtA_pnUlcKmCxZpXgNy96LYQ3AXvPPQY_BgKU/'/></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/AVvXsEjxR1CeH0EwApmm0MWGAn69k6RljwYESDr0b3fCmUDwvElyb9adWl4O-pQwLunOLppIee508I14KXamUI2_Qcn6yw-q4f9B3pENH31bkIf7F4nVKbiqa_7lgUNXwF7E4ckQKOomAwXNkBw/'/></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/AVvXsEgoNuemFbaWqTy3AZcmQz1TrL9TS3wKuhM-eupG4mpb7qrRVxuN7eIJFnnD7u3HTxthpOtagrOz_zB5e8OkydVDJOOxV8LvmBMne8oXL9_FXRMpkeEwh0irUluDRi2k569PSz8Xx3Z4ZeU/'/></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/AVvXsEgOUOgxxoEVQJGgUaxtsk5JoQIjZSkxjHhh9Ccnaik0fbc52hLx4yHS9ZCpx-YvEjtzLy3HUVg3df7Uc9CyU0i4ZnCY8g8KozRb-n6UUZdc50MUPWZXkTLYkjAJg9jTWRUutSkmaAWCSoU/'/></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/AVvXsEjv5djsaJU3vVwEUBO04lO7m5ndPdP8oSVKlmR4449TXBev4T13O_WJCmc7PLppkgBDKlmauheYIM25Bxnxc2tMGHtA9JNHbOdN-NUVBRiPQDnuGKACGlcUQIshEZr1b2HLDi-9wiellck/'/></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.

0 Responses to “Add Social Share widget to below all blogger post”

Post a Comment

All Rights Reserved pkcompany | Blogger Template by pkcompany
Sponsored by pkecompany, clickemag, eMAG