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='http://lh6.ggpht.com/-TtyizbeNlJA/ThiaqawgRFI/AAAAAAAABbU/NSHbz-LFcZc/rss_thumb%25255B2%25255D.png'/></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='http://lh5.ggpht.com/-pQDYT-KAg_g/ThiajGT4ChI/AAAAAAAABbM/zhsdrB2oAn0/facebook_thumb%25255B1%25255D.png'/></a>
<a href=' http://twitthis.com/twit?url=&quot; + data:post.url' rel='external nofollow' target='_blank'><img alt='' border='0' src='http://lh6.ggpht.com/-IR2IE-vZ5cc/ThiZfPnJ3cI/AAAAAAAABa0/KnZiinALBXI/twitter_thumb%25255B1%25255D.png'/></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='http://lh4.ggpht.com/-yKZL4JfFwh8/ThiZoEW7cQI/AAAAAAAABa8/pw-q4UX_UU4/delicious_thumb%25255B1%25255D.png'/></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='http://lh5.ggpht.com/-5yDt1mbvROo/ThiaJVerjkI/AAAAAAAABbE/rgSr1E268Zg/digg_thumb%25255B1%25255D.png'/></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='http://lh5.ggpht.com/-BvKxdCc-y6Q/Thia0KZs3MI/AAAAAAAABbc/gFpnNSMx2pc/stumbleupon_thumb%25255B1%25255D.png'/></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