Thứ Ba, 11 tháng 12, 2012

Ice Cream Social Sharing Widget below blogger Post

This post is written by our guest author.Check how to become a guest author in True Blogger Tricks
For our dear visitors we created 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.This Widget contains a spinning effect on mouse hover.

Add Social Sharing Ice Cream 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 .7s ease-in-out; -webkit-transition:all .7s ease-in-out; -o-transition:all .7s ease-in-out; -ms-transition:all .7s ease-in-out; transition:all .7s ease-in-out; } p#socialicons img:hover { -moz-transform:rotate(50deg); -webkit-transform:rotate(50deg); -o-transform:rotate(50deg); -ms-transform:rotate(50deg); transform:rotate(50deg); } </style> <center><p id='socialicons'> <a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' rel='external nofollow' target='_blank'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFxL78opZW6MAm1644pAcHHVy5fUrmqDAGAi87zvmor8lhlz_rNNsExGYeYdF2pQ8EBUAOcB1YTWlgH8A-R7IrizPewIAEx06WrOon3gk2kChjPhY7fx16bNyOIWelRZVNJuzuHitPG5TP/s1600/facebook.png' title='Share on Facebook'/></a> <a expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVOu3UOAfXlfSezKPQ7XX4pDeeafdwxUuRD8CRgMdJP8cVoWWpvJkJfTH4avjqqsJ5d5KoFVYFkY5lVwE9kRDsbgAs-sYE9kR82JbvS4gXclhHSU0GP7ZiWpQcCjssFF0HhvhcekWvNa6o/s1600/twitter.png' title='Share on Twitter'/></a> <a expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url' rel='external nofollow' target='_blank'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8SoBhVMqc9AIS3y-8QQDt4K9FEFkyFFcb7Mgu1nG2fCvOVhyphenhyphenQliZskM3HM5G1HHB-UNeG-8ujNpXakE9AmAqbh8kVVgjJfy36CgpYVe57QNGm3oc2gYDvkL8HU0thGuKirzse-iPTgIwp/s1600/digg.png' title='Share on Digg'/></a> </p></center></b:if>
  • Save Your Template.
  • Say Bingo and You are Done.

    About Author
    Posted by Guest Author,Hemant Verma
    Hello This is Hemant Verma ,from Delhi, I like to make blogger hacks, Design Blogger template, Web Developing and Designing.
    Visit My Blog Widget Generators | Follow Me On Twitter Or Facebook
    If You Enjoyed This Post Please Take 5 Seconds To Share It.

    0 nhận xét:

    Được tạo bởi Blogger.