Cara membuat widget sosial share melayang di sebelah kiri blog Terbaru 2016

Pada kesempatan ini saya akan berbagi cara membuat widget share melayang di samping kiri blog. Pastinya sudah tidak asing lagi penting nya tombol share ini di blog atau website yang tentunya bisa meningkatkan jumlah visitor blog, terutama dari teman-teman pengguna sosial profil seperti facebook,google plus dan sebagainya, misalnya jika artikel kita di share kan bisa menambah pengunjung.

Mungkin sudah banyak yang sudah tahu bagaimana cara menambahkan tombol share seperti ini dan mungkin juga ada sebagian yang belum tahu, jadi tidak ada salahnya saya coba posting cara menambahkan tombol share dengan sedikit efek keyframe di sebelah kiri laman blog, contohnya bisa kamu lihat di bawah ini.


sosial share di blog
Kode Widget Sosial Share Melayang :

<style>
#Bahasaremajacomssharebtn {position:fixed; bottom:20%; left:10px; float:left; background-color:#fff;padding:0 0 2px
0;z-index:10;box-shadow:0 2px 2px #666;-webkit-box-shadow:0 2px 2px #666;border-radius:4px;-webkit-border-radius:4px;border: 1px solid #ddd;moz-animation:bawah 7s;-webkit-animation:bawah 7s;animation:bawah 7s;}
#seocipssharebtn .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;}
@media screen and (max-width:480px){#seocipssharebtn{display:none;}}
@-webkit-keyframes bawah{
from{transform:translate(0px, 2000px)}
to{transform:translate(0px,0px)}
}
@keyframes bawah{
from{transform:translate(0px, 2000px)}
to{transform:translate(0px,0px)}
}
</style>
<div id='Bahasaremajacomsharebtn' title="Share This With Your Friends">
<div class='sbutton' id='gb'><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like layout="box_count" show_faces="false" font=""></fb:like></div>
<div class='sbutton' id='gplusone'><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall"></g:plusone></div>
<div class='sbutton' id='su'><script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script></div>
<script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
</div>
}

Baca juga: Cara membuat fanspage likebox efek slide di blog
Cara memasang widget sosial share melayang di Blogger

1. Di Blogger dan pilih blog yang ingin di pasangi widget ini
2. Pilih Layout kemudian pilih Add a gadget dimana kamu ingin meletakan widget
3. Muncul pop-up window, kemudian pilh HTML/JavaScript:

4. Masukan kode diatas di kotak ini.
5. Save dan selesai. Selamat, kini widget share ke sosial media ini telah terpasang di blog kamu.

---

Terima Kasih Sudah Membaca Artikel Cara membuat widget sosial share melayang di sebelah kiri blog Terbaru 2016 Jangan Bosan berkunjung ke blog BahasaRemaja.Com dan Follow Saya .

---

Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Bahasaremajacom

Tweet