Thursday, December 29, 2016
Cara Membuat Like Box FP Keren Melayang versi terbaru 2013
Cara Membuat Like Box FP Keren Melayang versi terbaru 2013
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... :)
Go to link Download
