Our create a very awesome and professional social sharing widget for blogger which can you add below every post of your blog and it works perfectly with blogger and you can also add it on your other websites like Wordpress, Joomla, Webs, etc.
Widget contains a spinning effect on mouse hover you can see live demo at the ending of this post.
Add Social Sharing Bottles Widget
- Login to Blogger > Dashboard
- Click on Drop Down Menu and select Template
- Backup your Template before making any changes to your blog
- Now Click on Edit HTML > Proceed > Expand Widget Templates
- Press Ctrl + F and search the code shown below.
<div class='post-footer-line post-footer-line-1'/>
- If you can't find above code then Search below code
<div class='post-footer-line post-footer-line-1'>
- Now Paste Below Code Just After after it.
<b:if cond='data:blog.pageType == "item"'>
<style>
p#socialicons img { -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;} p#socialicons img:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg);}
</style>
<center><p id='socialicons'>
<a expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&t=" + data:post.title' rel='external nofollow' target='_blank'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-tuu7AmMTUhAFGJzky-IU5HPPtzgG-DGvvmSF9RTKS9SdacQwlfpxfxNQoPser4wyC3dFHqfXA3GAIESBBC8C9CWYZWy18spzSqhtu6Yl3yrvgdMOskgLl1ab0Gxa1zgpuvJeFQFYRd-R/s1600/Facebook-128.png' title='Share on Facebook'/></a>
<a expr:href='"http://twitthis.com/twit?url=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjD39CMIwcOAXtr5IQq4wfdRLX4KCuH3Lv4XDqytZluF_bmC1wTi2j1-BXEwzoEsXlNRiyGSeoGSQi4MbgnyF2xJtNRScxkpIxvguM9FaxRt8yfG6dhdBP0aAuJsSGfOsg0WiG3S4TD78gq/s1600/Twitter-128.png' title='Share on Twitter'/></a>
<a expr:href='"http://digg.com/submit?phase=2&url=" + data:post.url' rel='external nofollow' target='_blank'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg40U6HP5m2qm5-x1SuM7RQFGdgQpFOdyjqrVZHuav1kFmYRThefjPrQQ-whX6pyk-hdykGoeVUgJq8BFOLf3RWJnLcEUwUEzfkyyxl-D-nkioohFzjfjIX7ZeUXEU3iuROJtPoVovamrdL/s1600/DeviantArt-128.png' title='Share on Digg'/></a>
</p></center></b:if>
- Save Your Template.
- Say Bingo and You are Done.
0 comments:
Post a Comment