Cara Pasang Tombol Share Dapat Melayang Serta Responsive Di Blog

Dalam tutorial ini, saya ingin menyebarkan dengan Anda, bagaimana cara menambahkan tombol Facebook melayang ataupun mengambang di blog Blogger, sehingga memudahkan pengunjung blog Anda untuk "menyukai" posting teman sambil menscroll post ke bawah dan ke atas.

Menambahkan Tombol Facebook Melayang ke blog blogspot 

Yang penting harus Anda lakukan yaitu memastikan teman harus menambahkan Facebook JavaScript SDK ke blog. Setelah itu, Anda akan diminta untuk menambahkan arahan script facebook yang akan di pasang ke html blog Anda.

Jika memang teman sudah mengkonfirmasi bahwa Facebook JavaScript SDK telah ditambahkan ke html blog Anda, lanjutkan dengan langkah-langkah di bawah ini:

Masuk ke dashboard Blogger teman .
Pergi ke Tata Letak
Klik " Tambah Gadget "
Di jendela “Tambah Gadget”, pilih HTML / Javascript
Salin arahan di bawah ini dan pastekan di kotak HTML / Javascript.

<!– floating facebook like button starts–>

<style>
#pageshare {position:fixed; bottom:20%; right:10px; float:left; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fff;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=”Share This With Your Friends”>
<div class=’sbutton’ id=’fb’>
<div class=”fb-like”data-layout=”box_count” data-action=”like” data-size=”small” data-show-faces=”false” data-share=”true”></div>
</div>
<div style=”clear: both;font-size: 9px;text-align:center;”> Share</div>
</div>
<!– floating facebook like button end –>

Bahwa itu akan ditampilkan sebagai tombol share blog vertikal melayang yang juga akan menyertakan tombol share Facebook yang akan memungkinkan pengguna untuk menambahkan pesan eksklusif dan menyesuaikan dengan siapa saja menyebarkan postingan blog sobat.