JQuery animasi tombol share JQuery animasi tombol share | Rizal saputra
RSS
email
Home » , , » JQuery animasi tombol share

JQuery animasi tombol share

Untuk memasang jQuery Animated share button pada blog seperti yang dapat Anda lihat di bagian sidebar blog ini, hanya iku beberpa 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>

12 comments:

Manchester United Tech said...

wow, keren bangetttt sob...

ane mau coba dulu....

Rizky2009 said...

tombol share q dah ada sob bawaan template

amri said...

thanx infonya.....

herman said...

thx share infonya..

Rizal saputra 81 said...

@Rizky2009
sekarang udah banyak yang bawaan template

Najibblog2010 said...

Jol aku raiso komen neng postingan seng terbaru, cz koneksi lemot................hehe.........

Aditx said...

apakah akan menambah berat loading blog ??

rizalsaputra said...

@Aditx
kalau menurut saya gak terlalu berat

Galih_Drop_Dead said...

gan follow blog ane yang barru www.galihhackers.blogspot.com

Post a Comment

Komentar apa aja sob,mau iklan, mau nyepam mau apa aj boleh,yang penting komentar. Kalau mau follow saya dan konfirmasi, nanti akan sya follow balik, dan jangan kapok berkunjung di blog berat ini !!!

 

read this

traffic rank

paceboox

Recent Post