cara mudah membuat floating box like dan share facebook di blogger
Selamat malam sobat perampokgoogle nggak kerasa ya sudah sabtu lagi itu tandanya weekend telah dekat, Hmm rencana pada mau ngapain libur besok sob ? Hahaha , Mending dirumah aja kalau emang nggak ada kegiatan yang penting diluaran sana, Lebih baik berkumpul dengan keluarga dirumah saja, tapi kalau yang punya cewek ma wajib ajak jalan cewenya heheheh.
Malam ini saya mau berbagi lagi neh, Masih tentang widget blogger sih tapi kali ini widgetnya khusus buat share dan like facebook cocok ne buat kamu yang punya blog viral dan berita, Banyak sih floating share seperti ini yang bisa kamu gunain di blog tapi kebanyakan malah pada membuat loading blog kamu jadi berat, Saya sendiri menggunakan Floating share dari AddThis kalau kamu belum tahu AddThis kamu bisa tanya sama si mbah, Kalau rekan nya yang lain itu ada SUMO ME kamu juga bisa cari informasinya di google.
Bisa dibilang floating share yang mau ane kasih tahu ini , tidak akan mempengaruhi loading blog kamu Jadi terserah kamunya aja ya mau pakai atau tidak sekarang mari kita lihat bagaimana cara membuat floating share FB di blog kamu.:
Cara memasang floating share di sidebar blogger :
#1. Masuk ke akun blogger kamu
#2. Pilih Layout / Tata Letak
#3. Silahkan Tekan Add a Gadget lalu pilih HTML / Javascript dan pastekan kode dibawah ini didalamnya terus simpan.
<!-- floating page sharers Start Share This With Friends-->
<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='rt'>
<a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via='perampokgoogle' >Tweet</a>
<script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script>
</div>
<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 class='sbutton' id='gplusone'>
<g:plusone size="tall"></g:plusone>
</div>
<div style="clear: both;font-size: 5px;text-align:center;"> <a href="http://perampokgoogle.blogspot.com/2017/04/cara-mudah-membuat-floating-box-like-dan-share-facebook-di-blogger.html">Get this</a></div>
</div>
<!-- floating page sharers End -->
Cek aja demonya disini :
Oke segitu dulu dah tutorial malam ini semoga berguna !
