Cara pasang Jquery animasi tombol" share

Saya ingin post tentang cara pasang tombol share animasi tadi barusan saya
suadah posting tentang Cara memasang tombol share buzz di blog.
dan sekarang saya tidak akan lama".yuk kita mulai.hehe
Untuk memasang jQuery Animated share button pada blog seperti yang dapat Anda lihat di bagian sidebar blog ini, hanya iku beberapa langkah yang mudah di bawah.









Langkah 1

Login blog => Dashboard => Page Element => Add A Gadget => HTML / Javascript.

Langkah 2

Salin kode biru di bawah dan paste pada ruang content HTML / Javascript  dan Save.


<style>
#stage{

position:relative;
width:110%;
height:140px;
padding-left:15px;
background:transparent;
}

.btn{

background:transparent;
height:90px;
left:0;
top:0;
width:20px;
position:relative;
margin:20px 0 0 0px;
float:left;
}

.bcontent{

position:absolute;
top:auto;
bottom:20px;
left:0;
}

span.fb_share_no_count {
display:block;
}

span.fb_share_count_top.fb_share_no_count {
line-height:54px;
}

span.fb_share_count_nub_top.fb_share_no_count{
display:none;
}

span.fb_share_no_count span.fb_share_count_inner {
background:#3B5998 url(http://static.fbshare.me/f_only.png) no-repeat scroll 20px 5px;
display:block;
}
</style>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://sites.google.com/site/jquery01/script.js"></script>

<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>
</div>
 lalu klik simpan..
jadi, dan selesai deh.hehe

Baca juga : Cara membuat screenshoot energy saving mode
                        Cara Membuat Arsip/archive blog pakai scroolbar

…Semoga Bermanfaat… !.Semoga Sukses.! .send komentar ya.




Artikel terkait:

{ 1 komentar... read them below or add one }

Unknown mengatakan...

mantap gan... thanks salam kenal.... mampir knooky.blogspot.com

Posting Komentar

terima kasih telah berkunjung sobat.
Silahkan komentar,kritik dan sarannya
setidaknya tegur sapa.heheh