Awesome Social sharing buttons below blog post

Unknown | 03:52 | |

Pin It Now!

We have given you a post about adding social sharing buttons to blog post but now we are presenting these buttons for you ina new style with hover fading effect its very simple to add these buttons at the end of your post









STEP 1


1.Go to blogger Dashboard>Templet>Edit HTML.
2.Now check Expand Widget Templet
3.Press Ctrl+F and find  ]]></b:skin>.
4.Now paste the below given code above ]]></b:skin>


.w2bz img {
filter:alphaundefinedopacity=100);
-moz-opacity: 1.0;
opacity: 1.0;}
.w2bz:hover img {
filter:alphaundefinedopacity=60);
-moz-opacity: 0.60;
opacity: 0.60;
}


STEP 2


1.Now again Press Ctrl+F and find <data:post.body/>
2.Now paste the below given code below <data:post.body/>

<b:if cond="data:blog.pageType == &quot;item&quot;">
<center><span style="color: #0066cb; font-family: Verdana; font-size: 14px;"><b>If You Like This Post Please mind to Share It.</b></span>



<a class="w2bz" expr:href="&quot;http://technorati.com/faves?add=&quot; + data:post.url" href="" rel="external nofollow" target="_blank"><img alt="Technorati" height="64px" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpEw1OlOzm-ktg3l66YSyO4xun-yL5RTBM3NSTWMWMfBkkqXlPrfsRZNlEFl8U-qGCiOj1x-wisxENlbtvnTjKkyCUGzM5gELJV907eUZKKxyBSmOAp7YJG0LXbi3D4C_loCXkUwNfRqLR/s1600/TECHNORATI.png " width="64px" /></a>
<a class="w2bz" expr:href="&quot;http://digg.com/submit?phase=2&amp;url=&quot;  + data:post.url" href="" rel="external nofollow" target="_blank"><img alt="Digg This" height="80px" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt-hBQu9x5zqXQn2C84Ewnv7KZG5B9AtrXCxKI26uknUlXL2SrAC6GrOd4xs3DGCsHQOlS4XaojmlULh4XXRT2dLso3IcFOlREkJv3B87o8NG9MnZsr6rhcMEk00rtL8Y6JPBMEpgJnXRI/s400/DIGG.png " width="80px" /></a>
<a class="w2bz" expr:href="&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title" href="" rel="external nofollow" target="_blank"><img alt="Facebook" height="100px" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJgMRqeMYGuBPxDbdOv3ttIM3I9ICGYjeYg95PS-NRwsDkIlQmh2LdjqaeYktgOiP5qU_cKZaihZmATJJ-6AiK4sx_UtlPmVBje3HWRQHCvpP-DM46r5zEArqS6MtnnOf78uj3sOqmdys6/s1600/FACEBOOK.png" width="100px" /></a>
<a class="w2bz" expr:href="&quot;http://twitthis.com/twit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title" href="" rel="external nofollow" target="_blank"><img alt="Twitter" height="100px" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRjL0yJSdRSkTd1HKbxZZ8Ih3lLQUyFQyMQk5VpAbkbDt_8TScWK6LD1zyHA1chf_wusF95yAKH1oaEgZ-k34XUnFdq6cl3Ko4_PZINrfxqpgHi154u5Wn-b1N7MhrOuEzqbWtkO6SBola/s1600/TWITTER.png" width="100px" /></a>
<a class="w2bz" expr:href="&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title" href="" rel="external nofollow" target="_blank"><img alt="Stumble" height="80px" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4penvpqWcjUFvXQZaVWd243ggqMtx4d4Dyn8hq4QsrV4sQh37h1sNk-vRwm8m_RSW3aFS7_b-hEVTv0MYMd-IRbATB_hmTGusKfTGNinXK9bxejqo9zSvPXdIRx0w4V9RBRFLbcUFqmhy/s1600/stumble.png" width="80px" /></a>
<a class="w2bz" expr:href="&quot;http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title" href="" rel="external nofollow" target="_blank"><img alt="Stumble" height="64px" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvf54fvhyphenhyphensec8Amgn0dsQdOS7_bruJx_MPJPMG6npdKDC4Q7s_AYRASwBNaejZ78cX5TutMhFMomHf0v_SQexvLtW3KyFi9SMAQR3i2_NBFjFYPmKrpSLizCOmXRC249qM3i8ie21hKGeF/s1600/REDDIT.png" width="64px" /></a>
</center>
</b:if>

Enjoy........................................
Pin It Now!

1 comment: