Berikut ini saya akan memberikan "Cara Membuat Widget Social Media Melayang di Sidebar Blog", Selain untuk mempercantik blog anda, Widget ini juga sangat berguna untuk meningkatkan traffic blog kita. Seperti anda ketahui, di zaman sekarang ini kita tak bisa hidup tanpa Social Media.
"Bagaikan Sayur tanpa garam" mungkin pribahasa yang tepat untuk menggambarkan begitu pentingnya Social Media.
Maka dari itu, kita perlu memasang Social Media Share Button, Namun untuk menarik perhatian pengunjung blog, kita perlu memasang Widget Social Media yang keren.
Berikut ini saya berikan script berikut cara pemasangannya :
- Masuk ke blogger.com
- Lalu pilih Tata Letak
- Kemudian Pilih Tambahkan Gadget
- Lalu Klik HTML/Javascript
- Copy Paste kode berikut ini didalam kotak yang tersedia
<!--Widget Share like FB tweet google plus Button Melayang Start--> <style> #pageshare {position:fixed; bottom:15%; left:10px; float:left; border: 1px solidblack; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#eff3fa;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="bagikan ke teman anda"><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='rt'><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a><script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script></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 style="clear: both;font-size: 8px;text-align:center;"><a href="http://kotakwidget.blogspot.com/2017/12/cara-membuat-widget-social-media.html" target="blank"><font color="blue">Get Widget Here<font></font></font></a></div></div> <!--Widget Share like FB tweet google plus Button Melayang End-->
- Terakhir Simpan
Sekarang coba anda cek, apakah widgetnya sudah berfungsi atau tidak. Jangan heran jika salah satu widgetnya tidak berfungsi. Karena jika anda memasang share button lebih dari satu. maka widget diatas tidak akan berfungsi NORMAL.
Jika berhasil maka tampilannya akan seperti ini :
Berada di samping kiri blog, Untuk merubah posisinya ke sebelah kanan ganti tulisan Left menjadi Right
Jika berhasil maka tampilannya akan seperti ini :
Berada di samping kiri blog, Untuk merubah posisinya ke sebelah kanan ganti tulisan Left menjadi Right
Mungkin sekian dulu dari saya, tunggu widget-widget selanjutnya yah....
"Salam Satu Widget"
Komentar spam, menyertakan Link Aktif dan Alamat Blog tidak akan muncul.
Kami menerima masukan dari anda jika memang ada pembahasan yang keliru.
kami sangat senang jika anda dapat berkontribusi untuk menyempurnakan postingan kami.
EmoticonEmoticon