Selamat sore sahabat blogger semua !!! Kali ini, fahrurrozi18 akan berbagi tips tentang Cara membuat like box
melayang versi terbaru 2013 yang pastinya simple dan keren abiss deh. Widget like box kali ini berbeda dengan widget like box seperti biasanya, karena widget ini tanpa dilengkapi dengan TimeOut / Batas waktu untuk tertutup otomatis. dan yang paling penting nih, cara pemasangannya tanpa mengedit HTML loh, hanya meng Copy dan Paste codenya lalu di letakkan di Widget. Daripada berlama-lama, langsung saja deh ke TKP... Cekidot :
1. Login ke akun blogger.com sobat
2. Pilih Tata letak.
3. Kemudian Add Gadget
4. Pilih html/javascript
5. Copy kode di bawah ini lalu pastekan ke kotak
html/javascript tadi.
<style type='text/css'>/* Message Box */#box-message {position:fixed !important;position:absolute; /* IE6 */top:-1000px;left:50%;margin:0px 0px 0px -182px;width:300px;height:auto;padding:16px;background:#f5f5f5;font:normal Dosis, Georgia, Serif;color:#111;border:2px solid #fff;-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);box-shadow:0px 1px 2px rgba(0,0,0,0.4);-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}#box-message a.close {position:absolute;top:-10px;right:-10px;background:#f5f5f5;font:bold 16px Arial, Sans-Serif;text-decoration:none;line-height:22px;width:22px;text-align:center;color:#111;border:2px solid #fff;-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);box-shadow:0px 1px 2px rgba(0,0,0,0.4);-webkit-border-radius:22px;-moz-border-radius:22px;border-radius:22px;cursor:pointer;}</style><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script><script type='text/javascript'>$(window).bind("load", function() {// Animate Top Value When Page Loaded Completed$('#box-message').animate({top:"50px"},1000);// Remove Mailbox When Close Button On Click$('a.close').click(function() {$(this).parent().fadeOut();return false;});});</script><div id='box-message'><!-- HTML Start -->6. Save dan lihat hasilnya.
<center><iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/fahrurroziBLOG18&width=292&height=258&colorscheme=light&show_faces=true&border_color&stream=false&header=false&appId=112462558775142"scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:258px;" allowtransparency="true"></iframe></center>
<!-- HTML End --><a class='close' href='http://fahrurrozi18.blogspot.com'>×</a></div>
Keterangan :
- Ganti kode yang berwarna Merah dengan URL sobat sendiri.
Nah... gimana sob, mudah banget kan ?
Semoga artikel ini bermanfaat dan Bye... bye... :)
Ditulis Oleh : Unknown ~ Tips and Trick, Download, Widget and Gadget, and Other Article
Sobat sedang membaca artikel tentang Cara Membuat Like Box FP Keren Melayang versi terbaru 2013. Oleh Admin, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya. Terima kasih.
dulu saya pasang widget facebook like box di sidebar blog, tapi loading nya jadi berat. Jadi sekarang saya ganti banner FB aja hehe :D
BalasHapusHehehe... Iyah mbak, barusan blog mbk rini tak liat FPnya pkek banner di sidebar.
HapusTetapi mnurut aq sih klo masalah widget FP itu tergantung keinginan dan kemampuan blog... Karena jka efek widgetnya terlalu berat, maka loading blog bisa2 saja akan trpengaruh mnjadi berat.
Widget di atas ini boleh juga tuh sobat terapkan. karena aq ska' sama tmpilannya yg simple... Hehehe... :D
Tergantung minat sobat sih.. :D
Trima kasih sudah brkunjung y.. :)
mantab.. terimakasih banyak buat script tutorialnya...
BalasHapus