Memasang Widget Floating Share Melayang

Assallamualaikum Wr. Wb, kali ini nisan akan share cara memasang Widget Floating Share melayang, seperti yang nisan pakai di blog ini dan untuk gambarnya seperti di bawah ini:

Untuk cara pakainya, seperti biasa

• Login dulu ke dasbor
• Pilih Rancangan > Elemen Laman > terus tambahkan  HTML/JavaScript
• Lalu masukan script berikut :

<style> #floatdiv { position:fixed; bottom:40%; margin-left:-107px; 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 sahabat Nisan" 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://blognisan.blogspot.com/2012/07/memasang-widget-floating-share-melayang.html"><blink>Get This</blink></a></p></td></tr></table></div></div>

• Perhatikan script yang berwarna hijau, " -107 px " adalah ukuran untuk menyesuaikan lebar konten sahabat nisan. dan yang "  Nama Twitter sahabat Nisan " pasti sahabat nisan tau  ^_^.
• Terkahir save dan liat hasilnya .

Semoga bermanfaat

Posted by admin

Tweet