MEMBUAT SHARE BUTTON MELAYANG DI BLOG

Sebenarnya, blog menyediakan fasilitas gadget untuk sharing posting ke berbagai media sosial. Hanya saja, tampilannya terlalu sederhana alias kurang enak dilihat.

Seperti yang sudah saya katakan di posting-posting sebelumnya bahwa saya termasuk seorang bloger pemula yang otomatis punya hobby ngotak-ngatik blog di waktu-waktu luang saya, termasuk ngotak-ngatik tampilan social button di blog saya.

Setelah berkonsultasi dengan paman google, akhirnya saya temukan tampilan media sosial share button yang saya suka (tampil melayang di kanan bawah blog). Seperti ini tampilannya : 

Caranya sederhana :

• Masuk elemen laman di dashboard blog
• Klik tambah gadget lalu klik html java scrift
• Di html java scrift masukkan kode berikut : 

<!--Widget Share Button Melayang Start-->

<style>

#pageshare {position:fixed; bottom:10%; right:8px; float:left; border: 1px solid white; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#000000;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="Update status di facebook">

<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='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 class='sbutton' id='rt'><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a><script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script></div>

<div class='sbutton' id='fb'><a name="Bagikan Ke Teman Anda" 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><br/><div style="clear: both;font-size: 9px;text-align:center;"></div>

<!--Widget Share Button Melayang End--></div>

• Simpan