Membuat Tombol Multi Share Blog Melayang

Posted by : Unknown February 05, 2012

Jadikan Popularitas Blog Anda Semakin Baik Dengan Buat Tombol Multi Share Blog Melayang

Untuk langkah-langkahnya sangatlah mudah, lihat sebagai berikut

1. Masuk Blogger

2. Pilih Rancangan > Elemen Laman
3. Tambah Gadget HTML/ JavaScript

4. Masukkan kode berikut

<style type="text/css">  
 #pageshare {position:fixed; bottom:15%; margin-left:-71px; float:left; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#F2F2F2;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>  
   
 <div class='sbutton' id='rw'>  
 <div class="addthis_toolbox addthis_default_style ">  
 <a class="addthis_counter"></a>  
 </div>  
 <script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js#pubid=ra-4d764bd843e747be"></script>  
 <a href=" http://cheaterdunianyata.blogspot.com/2012/02/membuat-tombol-multi-share-blog.html"/>Get this</a>  
 </div></div>

Press CTRL + C to copy

5. Simpan Gadget Anda dan selesai.

Untuk kode tidak ada yang perlu dirubah lagi karena sudah standart default dari tempat share yang disediakan so.. tinggal siap pakai. Semoga membantu Anda yang membutuhkan selamat mencoba terima kasih dan salam.

NxE

Site of Japanese Music

Membuat Tombol Multi Share Blog Melayang

Labels

Popular Posts

Blog Archive

Followers

Followers

Labels

About Me

Pages