Animated Sharing Button For Blogger Blog
Animation sharing widget is one of awesome widget that using a sharing button from any social media that we know before. if you love to share, so put this widget inside your blog or web. And dont forget to share this posts to your friend.
Mungkin sudah banyak postingan-postingan yang membahas tentang tutorial membuat share button di blog. Tetapi pernahkah terlintas di fikiran anda bagaimana cara membuat share button tersebut menjadi bergerak atau animasi?. Yang perlu kalian ketahui widget ini dibuat oleh seorang blogger www.fuzionpro.info saya hanya memposting ulang dan sedikit meringkas code yang sudah ada.
Caranya sangat mudah dan simpel yaitu anda hanya perlu menambahkan code di bawah ini dimanapun yang anda mau. adapun codenya sebagai berikut.
Code :
<link rel="stylesheet" href="https://sites.google.com/site/mwhostscript/css/Animated_Sharing_button.css?attredirects=0&d=1" type="text/css" media="screen" /> <div id="share"> <div id="stage"> <div class="btn digg"><div class="bcontent"><a class="DiggThisButton"></a><script src="http://digg.com/tools/diggthis.js" type="text/javascript"></script></div></div> <div class="btn tweetmeme"><div class="bcontent"><script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script></div></div> <div class="btn dzone"><div class="bcontent"><script language="javascript" src="http://widgets.dzone.com/links/widgets/zoneit.js"></script></div></div> <div class="btn reddit"><div class="bcontent"><script type="text/javascript" src="http://www.reddit.com/button.js?t=2"></script></div></div> <div class="btn facebook"><div class="bcontent"><a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></div></div> <div class="thanksto"> <a href="http://fuzionpro.blogspot.com">fuzionpro</a></div> </div> <div id="share-label"> <!-- This is where the share some love image appears --> </div> </div> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript" src="https://sites.google.com/site/fuzionproblogger/script.js"></script>
Resource : www.fuzionpro.info