10 Des 2011

CARA PASANG TOMBOL SHARE FB G+ & TWITTER MELAYANG

Cara Pasang Tombol Share FB G+ & Twitter Melayang – Sahabat salah satu sumber visitor ke blog atau web kita adalah lewat share/berbagi artikel visitor sebelumnya, yang lebih dulu mengunjungi blog kita. ada banyak tombol share yang bisa dipasang di blog atau web kita, tapi demi menjaga loading blog kita agar tetap ringan, maka yang saya sarankan, cukup pilih saja tombol share sosmed yang paling populer (ukuran Dunia dan juga tentu ukuran indonesia). Apa sajakah sosmed yang populer didunia dan juga familiar di indonesia???, apalagi kalau bukan Facebook atau FB, twitter dan si kuda hitam Google+1, khusus untuk tombol google+1 ini, sangat dianjurkan oleh google untuk dipasang di blog kita, karena tombol sakti google ini menjad salah satu “alat” yang akan mengukur konten kita, apakah layak di posisi depan hasil pencarian google.
lalu gimana cara masang tombol-tombol berbagi ini di blog kita??, gampang gan tinggal dicopas saja ke blog agan-agan semua :D . dan keistimewaan dari tombol share fb, G+ dan twitter ini, karena merupakan tombol floating alias melayang alias mengikuti scrooling. Dan Scrift tombol share fb, G+ dan twitter ini sudah ku stel sedemikain rupa sehingga selalu berada pada posisi kiri bagian atas, jadi meskipun floating, tetap tidak mengganggu pengunjung dalam membaca setiap artikel-artikel kita, karena tombol floating ini tidak menutup artikel tentunya.

Dan langsung saja saya share gan kode html-nya:

Dan langsung saja saya share gan kode html-nya:

<!-- floating page sharers Start-->
<style type="text/css">
#pageshare {position:fixed; bottom:60%; margin-left:-100px; float:left; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fff;padding:0 0 2px 0;z-index:10;}
#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}
.fb_share_count_top {width:48px !important;}
.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;/*bs-fsmsb*/-webkit-border-radius:3px;}
.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}
</style>
<div id='pageshare' title="Share to Your Friends"> 
<div style="clear: both;font-size: 16px;text-align:center;">
</div>
<div class='sbutton' id='gplusone'>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<g:plusone size="tall"></g:plusone> 
</div>
<div class='sbutton' id='fb'>
<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 class='sbutton' id='rt'>
<script src="http://tweetmeme.com/i/scripts/button.js" type='text/javascript'></script>
</div>
<!-- floating page sharers End --></div>
Cara masangnya, buka HTML/javascrift di dasboard blog agan, trus copykan kode diatas lalu, save, dan lihat, tombol ajaib fb, G+ dan twitter tlah terpasang melayang-layang apik di blog agan. Nah ngetes apakah tombol share FB, G+ dan twitter ini berfungi, coba dites di share gan pada tombol share di bagian kiri atas blog ini :D
Okk demikianlah artikel mengenai Cara Memasang Tombol Share FB Google+ Dan Twitter Melayang semoga artikel ini tentunya memberikan informasi yang bermanfaat bagi agan-agan sekalian.
Cara masangnya, buka HTML/javascrift di dasboard blog agan, trus copykan kode diatas lalu, save, dan lihat, tombol ajaib fb, G+ dan twitter tlah terpasang melayang-layang apik di blog agan. Nah ngetes apakah tombol share FB, G+ dan twitter ini berfungi, coba dites di share gan pada tombol share di bagian kiri atas blog ini :D
Okk demikianlah artikel mengenai Cara Memasang Tombol Share FB Google+ Dan Twitter Melayang semoga artikel ini tentunya memberikan informasi yang bermanfaat bagi agan-agan sekalian.
Loading