Social Sharing Widget Below Post With Hover Effect

The most special and trusted way to promote your blog is social media and when we are talking about social media promotion the it means it will not worth you a single penny.In these days social media is helping the new and old bloggers to promote their blog so that more and more visitors will get attracted.Our promotion method is also same, and when are talking about social media promotion the it need to install a quality of widgets so that every single visitor of your blog could easily interact with you and your blog so came with our first widget for blogger "Social Sharing Widget Below Post With Hover Effect" you could easily found these kind of widgets in blogger sphere and this is also not a unique one but it is super fast in its categories,it loads in seconds cause it has the hover effect which is supported by a very simple but effective css coding. First check out its live demo.

LIVE DEMO

Click to See

Features of This widget

Supports almost every browser
Super Fast Loading,loads in split seconds
Very easy coding and easy to install
It will not affect the blog speed
looks cool and stylish

How to install this widget

These is steps are so simple and easy that every new blogger will not face any kind of problem to install it in their blog.

Go To Blogger.com >> Your Blog >> Template
Now Backup your template.
Then select Edit HTML >> Proceed
Don’t forget to Click/Tick the Expand Template Widgets box.
Search for ]]></b:skin> and just above it paste the following CSS code.

.Social img {
filter:alpha(opacity=100);
opacity: 1.0;
border:0;
}
.Social:hover img {
filter:alpha(opacity=30);
opacity: 0.30;
border:0;
}

Now let’s add the final and important part of the widget, Search for <data:post.body/> and just below/after it paste the following coding.

<b:if cond='data:blog.pageType == "item"'>
 <center>Thanks For Making This Possible! Kindly Bookmark and Share it. 

<a class='Social' expr:href='"http://technorati.com/faves?add=" + data:post.url' rel='external nofollow' target='_blank'><img alt='Technorati' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi42er_7E4d69C9kNFkJMKNub3KwLPf2ItakrxZ-63WAiGrdbNCT-3jiDEpAg4V1eIjIU7UyPwM3Q3XdknNjemaU-FUlpjuqBjDh3BYobF6UVtx8LSzEmbIl8eFGDx2tuZKbjRAsc4vMFI/s1600/TAG-IT.gif '/></a>

<a class='Social' expr:href='"http://digg.com/submit?phase=2&url=" + data:post.url' rel='external nofollow' target='_blank'><img alt='Digg This' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtH5JCVlJ3rH66pT3Ucrl1lkDPTGtz4g_G1jENLdUVh9HE3wW8q_e4fjgZHQEr1d5sXqrDdrccVgrPDeo5-RsRp7B3FQ0b3LnlFkdLvwsOMETzKHwbQFwGLDhNPvnk5JH8vxrdlbXDrQ4/s1600/Digg.png '/></a>

<a class='Social' expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank'><img alt='Stumble' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzWOX-zIgl8YxaL26p2CKkcS-qQTOJWNmIg4x_ba5aQKfd2Q-NGloPUuULFnTRLc9BWjKDA9fQ03ocTVg22xHZt4d_yhN9I9rGvAKu59hSn3sg1sUDHR9IRJl0GcNRFuJSZsHDgd02ows/s1600/STUMBLE-IT.gif'/></a>

<a class='Social' expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&t=" + data:post.title' rel='external nofollow' target='_blank'><img alt='Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4i419yW7H3Tf71WbV-4rPHv7gfF5tkUcCW2VM2SIVVgwuG2vC2ppseE0embgIu_mCp0_0o9k23z3j41bkRLGGCjpxQmloTCR9YADUFZzgzqDAUcbniVOtJH-SH7vNciiNodOgIUFlrjU/s1600/facebook.png '/></a>

<a class='Social' expr:href='"http://twitthis.com/twit?url=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank'><img alt='Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx6KXt8hVmTXYRaK59W6uh0jI30tqx9nTOVdSwSAs-j80XyWID76x4qgETJS6bg1SZ6gS-E2qj2QBGYyjMsE0BTClhrXfBW2f8qsRQvHYXqkDWF847ZfgEt73-yE3OVXEjOhHW-dKgmXo/s1600/TWEET-IT.gif'/></a>
</center> </b:if>

All Done : Now everything is completed just Save your Template by pressing Save template button

From the Editor’s Desk:

Hope you have enjoyed the cool and interesting session of Social networking. we are trying to create more widgets that benefits to you and your users. A very famous blog has used this widget If you would face any problem to add this widget feel free to ask till then, blessings and happy fading.

Note: This widget is created by Skill Blogger. Don't forgot to link back if you want to share this tutorial.otherwise dmca is waiting for some spammers.

Spread The Love, Share Our Article

Friday, September 6, 2013