Cara Membuat Tombol Share Melayang

Cara Membuat Tombol Share Melayang 

Assalamualaikum wr wb, bagaimana kabarnya sahabat blogger pasti baik kan? Setelah kemarin admin sudah berbagi ilmu mengenai Cara membuat Hyperlink menggunakan gambar , kali ini admin ingin berbagi Widget untuk blog sobat, yaitu Widget Tombol share melayang terbaru. Widget share melayang (Floating share) ini terdiri dari Tombol Google+ (Plus), Like Button Facebook, dan Twitter share button. Widget ini sudah dimodifikasi. Biasanya floating share ada border pada sisi-sisinya. Tapi sudah dihilangkan. Widget ini terletak di pojok kiri bawah dan tepat di atas tombol start windows sobat tapi sobat bisa mengubah tempatnya dimanapun sobat mau hanya tinggal ubah sedikit pada scriptnya bagian position.
Tombol share dalam blog sangatlah penting untuk meningkatkan pengunjung ke blog kamu. Namun untuk menarik perhatian agar pengunjng blog mau berbagi artikel yan dibaca ke berbagai jejaring sosial, tentunya kamu membutuhkan tombol share yang cukup keren. 

Silahkan ikuti langkah berikut, untuk memasangnya:

1. Login ke akun blogger,
2. Pilih tab "Tata Letak",
3. Klik "Tambah Gadget",
4. Cari dan pilih "HTML/Javascript"
5. Setelah itu Copy script dibawah ini dan pastekan pada konten, untuk judul dapat dikosongkan saja.    

<!--Floating Share Buttons Code Start-->

<style>

#pageshare {position:fixed; bottom:28%; left:0px; float:left; padding:0 0 0px

0;z-index:10;}

#pageshare .sbutton {float:left;clear:both;margin:1px 1px 0 1px;}

.fb_share_count_top {width:48px !important;}

.fb_share_count_top, .fb_share_count_inner {border:3px dotted Red; -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 class='sbutton' id='rt'><a class='twitter-share-button' data-count='vertical' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/></div>

<div class='sbutton' id='gb'><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:like font='' layout='box_count' show_faces='false'/></div>

<div class='sbutton' id='gplusone'><script src='https://apis.google.com/js/plusone.js' type='text/javascript'/><g:plusone size='tall'/></div>

<div style='clear: both;font-size: 10px;text-align:center;'><a href='' target='blank'><font color='red'>[GTP Widget]<font/></font></a></div></div>

     6. Terakhir sobat yang harus dan penting dilakukan yaitu klik "Save".

Mudahkan sobat, sekian dari admin mengenai Cara Membuat Tombol Share Melayang 
selamat mencoba dan semoga berhasil. wassalamualaikum wr wb.....