Monday, 22 August 2011
Add Social Share widget to below all blogger post
Do you like this story?
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/AVvXsEhouGhR0CidALj1XG0E8daUAUS3JwJyCZScqCBDNQ-zQuFR-MghHRqvcPq63X2X-tl6P3oFTgMeKGEw4z0rhqVlbAaEWaokah_yEG4w0ffjhc76ancNWxE9MHMaNIkSS52XQ4o6R1FVMVE/'/></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/AVvXsEjup6EDwuXe4BQGaF9Jwu9Z4xGFF5VXf2QwcYWEXsQsIMghL6UwalnKAvcOHzIF40VXdPGVfGfK9f0P3PV_WI0-70H4sWWw2hz-7u9dZeCtA_pnUlcKmCxZpXgNy96LYQ3AXvPPQY_BgKU/'/></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/AVvXsEjxR1CeH0EwApmm0MWGAn69k6RljwYESDr0b3fCmUDwvElyb9adWl4O-pQwLunOLppIee508I14KXamUI2_Qcn6yw-q4f9B3pENH31bkIf7F4nVKbiqa_7lgUNXwF7E4ckQKOomAwXNkBw/'/></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/AVvXsEgoNuemFbaWqTy3AZcmQz1TrL9TS3wKuhM-eupG4mpb7qrRVxuN7eIJFnnD7u3HTxthpOtagrOz_zB5e8OkydVDJOOxV8LvmBMne8oXL9_FXRMpkeEwh0irUluDRi2k569PSz8Xx3Z4ZeU/'/></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/AVvXsEgOUOgxxoEVQJGgUaxtsk5JoQIjZSkxjHhh9Ccnaik0fbc52hLx4yHS9ZCpx-YvEjtzLy3HUVg3df7Uc9CyU0i4ZnCY8g8KozRb-n6UUZdc50MUPWZXkTLYkjAJg9jTWRUutSkmaAWCSoU/'/></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/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.
This post was written by: kashif
For Suggestions and complains email us at pakcompany@yahoo.comTwitter
Subscribe to:
Post Comments (Atom)
0 Responses to “Add Social Share widget to below all blogger post”
Post a Comment