Pasang Widget Floating Share Melayang

Pasang Widget Floating Share Melayang -
Hallo Para Blogger, ketemu lagi nich...hehehehe
Pada kesempatan yang baik ini saya akan membahas cara pasang widget share floating melayang, emang bisa melayang beneran gan kayak superman donk, ya bisa melayang tapi enggak kayak superman  apa sich itu floating,Floating adalah sebuah menu yang posisinya absolute dan selalu tampil di tengah-tengah atau melayang, Floating ini juga terkadang mengikuti scroll dari browser.



Lalu bagaimana cara memasangnya..??
Saya akan tujukan caranya, simak baik-baik

1.Pertama pasti masuk dulu ke akun blogger kalian masing-masing
2.Klik RANCANGAN -> Tambah Gadget -> pilih Edit HTML
3.Lalu copy kode di bawah ini

<style> #floatdiv { position:fixed; bottom:15%; margin-left:-70px; z-index:10; float:left; padding-bottom:2px;  }  #mbtsidebar { background:#fff; border-top:1px solid #ddd; border-left:1px solid #ddd; border-bottom:1px solid #ddd; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding-left:5px; width:60px; margin:0 0 0 5px; }  .fb_share_count_top {width:52px !important;}  .fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}  .FBConnectButton_Small, .FBConnectButton_RTL_Small {width:52px !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="floatdiv"> <div id="mbtsidebar"> <table cellpadding="1px" cellspacing="0">   <tr> <td style="padding:5px 0px 0px 0;"><a href="https://twitter.com/share" class="twitter-share-button" data-via="NAMA TWITTER KAMU" data-lang="en" data-related="anywhereTheJavascriptAPI" data-count="vertical">Tweet</a><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script> </td> </tr>  <tr> <td style="padding:5px 0 2px 0;"> <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> </td> </tr> <tr> <td style=" padding:5px 0px 0px 0px;">  <script src='http://apis.google.com/js/plusone.js' type='text/javascript'> {lang: &#39;en-US&#39;} </script>  <g:plusone size="Tall" expr:href="data:post.url"> </g:plusone></td> </tr> <tr> <td> <p style=" line-height:0px; font-size:10px; font-weight:bold; text-align:center;"><a style="color:#000;" href="http://yyulio.blogspot.com"><blink>Get This</blink></a></p></td></tr></table></div></div>

Keterangan :
  • Untuk teks yang berwarna merah ganti sesuka kalian
-70px : Ini adalah ukuran, dimana biasanya menyesuaikan lebar konten..

NAMA TWITTER KAMU : Ubah pake nama twitter kamu  
 
4.Paste kode tadi
5.Klik simpan dan lihat hasilnya..
 
Selamat mencoba, semoga artikel ini bermanfaat....

10 Responses to "Pasang Widget Floating Share Melayang"

  1. sama" sob udah berkunjung kesini...

    BalasHapus
  2. Wah panjang bnget tch Script apa ngga melambatkan loading blog ?

    BalasHapus
  3. thank gan, lagi nyari nyari

    gan bantu saya memenangi kontes SEO, bantu dengan berkomentar di postingan ini

    http://www.drooidtoday.com/2012/06/keretaminikucom-produsen-kereta-mini.html

    BalasHapus
  4. ini dia yg saya cari..
    thanks bro

    komenback yaa.. :D

    BalasHapus
  5. tips yg sangat menarik.

    oia link sobat sudah terpasang silahkan cek disini

    BalasHapus
  6. terimaksih gan komentarnya....

    BalasHapus
  7. artikel menarik,mohon kunjungan baliknya gan
    www.mbahgahol.blogspot.com
    follow aja nnti saya followbalik blog agan

    BalasHapus

Jangan Menulis Komentar Mengandung
SPAM, SARA, P*RNO Atau KATA KASAR..!!