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
5 Comments
Related Post

Join the Discussion!

Dont give a spam please!
Untuk menyisipkan video, gunakan
Untuk menyisipkan gambar, gunakan
Untuk menyisipkan kode, gunakan
Untuk menyisipkan beberapa baris kode, gunakan
Untuk menyisipkan catatan, gunakan
Untuk menciptakan efek teks tebal gunakan