Picture
Cara Memasang Tombol Share Melayang pada Blog    
Salah satu cara meningkatkan trafik blog kita adalah pemanfaatan situs jejaring sosial. Tujuan utamanya kita bisa berbagi tulisan dan dibaca oleh banyak orang. Berikut ini cara memasang tombol share facebook dan twitter di blog di sebelah blog / melayang.jika ingin memasangnya di bawah atau di atas postingan baca artikel cara-caranya di Cara Pasang Tombol Like Share Facebook Twitter DiBawah Posting

Cara Membuat Tombol Share Melayang pada blog dibawah ini;
1. Sobat Login ke Akun Blogger sobat
2. Masuk ke Menu Design atau Rancangan
3. Lalu tambahkan gadget dan pilih HTML/Javascript.
4. Lalu copy dan paste kode dibawah ini:
  <!--SideBar Floating Share Buttons Code Start--> 
        <style>
        #pageshare {position:fixed; bottom:15%; left:10px; float:left; border: 1px solid black; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#eff3fa;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;-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 This With Your Friends">
        <div 'sbutton' id='gb'><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like layout="box_count" show_faces="false" font=""></fb:like></div>
        <div 'sbutton' id='rt'><a href="http://twitter.com/share" data-count="vertical" >Tweet</a><script src='http://platform.twitter.com/widgets.js' ></script></div>
        <div 'sbutton' id='gplusone'><script src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall"></g:plusone></div>
        <div 'sbutton' id='su'><script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script></div>
        <div 'sbutton' id='digg' 'margin-left:3px;width:48px'><script src='http://widgets.digg.com/buttons.js' 'text/javascript'></script><a ></a></div>
        <div 'sbutton' id='fb'><a name="fb_share" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" ></script></div><br/><div ><a href="http://evawangi.blogspot.com/2012/08/cara-membuat-tombol-share-melayang-pada.html" target="blank"><font color="black">[Get This]</font></a></div></div>
5. Langkah terakhir klik Save widget.

Silahkan lihat hasilnya semoga membantu dan ber manfa'at
7/24/2014 11:39:58 pm

Terimakasih atas infonya. Emang buta banget tentang blogger dan baru mengenal blogger. Ada bbrp tulisan saya di akun gougle juga. Bagaimana caranya bisa terlihat di blog saya saja? Bls ke email sy kalau bisa. Hatur nuwun.

Reply
9/18/2016 05:08:36 am

Terimakasih atas informasi yang anda berikan...Namun sepertinya blog saya tidak cocok untuk menggunakan memasang tombol share melayang.

Reply
9/18/2016 05:10:20 am

terimakasih atas informasi.namun sepertinya blog saya tidak cocok menggunakan tobol share melayang ini...

Reply



Leave a Reply.