Cara Pasang Tombol Share Bisa Melayang Serta Responsive Di Blog

Cara Pasang Tombol Share Bisa Melayang Serta Responsive Di Blog

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



Menambahkan Tombol Facebook Melayang ke blog blogspot 

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

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

Masuk ke dashboard Blogger sobat .
Pergi ke Tata Letak
Klik " Tambah Gadget "
Di jendela “Tambah Gadget”, pilih HTML / Javascript
Salin kode 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 pribadi dan menyesuaikan dengan siapa saja berbagi postingan blog sobat.
Advertisement

Baca juga:

Buka Komentar
Blogger
Disqus
Pilih Sistem Komentar

No comments