Follower

RSS Subscription

Subscribe via RSS reader:
Subscribe via Email Address:
 

Pasang Share Jquery

Posted By untitle On 10.21 Under
Sabtu 20 Agustus 2010, Hari ini Untitle membagi informasi tentang tata cara memasang widget share berbentuk Jquery, tampilannya sangat bagus untuk dilihat pengunjung.

berhubung saya gak lagi mooth untuk jelasin panjang-panjang tentang share Jquery ini lebih baiknya langsung saja masuk ke tata cara pemasangannya.

Untuk memasang jQuery Animated share button pada blog anda hanya iku beberpa langkah yang mudah di bawah.

Berikut ini adalah caranya :

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>

Langkah terakhir adalah SIMPAN!

Posting Komentar