Selasa, 22 Oktober 2013

Cara Membuat tombol melayang share twitter, facebook,stumbleupon dan google pada blogspot

Leave a Comment
Tombol Share
Cara Membuat tombol melayang share twitter, facebook,stumbleupon dan google pada blogspot  -->Pembaca setia KELAS FAVORITE  kali ini kita akan membahas tombol share. Ini sangat bermanfaat untuk trafic blog karena siapa saja bisa share artikel yang anda buat dengan sekali klik. Banyak pembaca yang terkadang suka dengan artikel yang kita buat dan pengen membagi kan info tersebut, nah dengan adanya fasilitas tombol share di blog anda maka tingal share dengan tombol shareNya dan otomatis trafic melimpah . baiklah berikut kode yang bisa anda gunakan semoga berhasil.




<style type="text/css">
#halimshare {
     position:fixed;
     top:27%;
     margin-left:-67px;
     float:left;
     border-radius:5px;
     -moz-border-radius:5px;
     -webkit-border-radius:5px;
     background-color:#fff;
     padding:0 0 2px 0;
     z-index:10;
     }

#halimshare .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='halimshare' title="Bagikan Tulisan ini">
<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='stumbleupon'>
<script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script>
</div>

<div class='sbutton' id='rt'>
<script src="http://tweetmeme.com/i/scripts/button.js" type='text/javascript'></script>
</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 align='center'>
<small><a href="http://blogger-paluta.blogspot.com/2013/01/membuat-tombol-melayang-share-twitter.html" target="_blank" title="Widget by Halim Regar">Halim Regar</a></small>
</div>
</div>


CARA PAKAI :

1.Buka Pengaturan blog anda.
2.Pilih tata letak blog.
3.pada tampilan tata letak tersebut pilih TAMBAHKAN GADGET blog.
4.Pilh TAMBAHKAN GADGET Html dan Javascript.
5.Dan letakkan CODING HTML diatas.
6.Untuk posisinya silakan ubah kode yang berwana merah  dan jika mengerti silakan ubah link backnya.
7.SAVE


NOTE :
Bagi Anda yang masih bingung untuk menggunakan coding diatas silahkan berkomentar dibawah ini atau langsung E-mail saya di : halim.byregar@gmail.com.


0 komentar:

Posting Komentar