cara mudah membuat floating box like dan share facebook di blogger

cara mudah membuat floating box like dan share facebook di blogger
Selamat malam teman perampokgoogle nggak kerasa ya sudah sabtu lagi itu tandanya weekend telah dekat, Hmm rencana pada mau ngapain libur besok sob ? Hahaha , Mending dirumah aja jikalau emang nggak ada acara yang penting diluaran sana, Lebih baik berkumpul dengan keluarga dirumah saja, tapi jikalau yang punya cewek ma wajib ajak jalan cewenya heheheh.

Malam ini saya mau membuatkan lagi neh, Masih wacana widget blogger sih tapi kali ini widgetnya khusus buat share dan like facebook cocok ne buat kau yang punya blog viral dan berita, Banyak sih floating share ibarat ini yang mampu kau gunain di blog tapi kebanyakan malah pada membuat loading blog kau jadi berat, Saya sendiri menggunakan Floating share dari AddThis jikalau kau belum tahu AddThis kau mampu tanya sama si mbah, Kalau rekan nya yang lain itu ada SUMO ME kau juga mampu cari informasinya di google.

Bisa dibilang floating share yang mau ane kasih tahu ini , tidak akan mensugesti loading blog kau Kaprikornus 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 isyarat 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=" ">Get this</a></div> </div> <!-- floating page sharers End -->

Cek aja demonya disini :

Demo

Oke segitu dulu dah tutorial malam ini agar memiliki kegunaan !

Tweet