CARA MEMBUAT LIKE BOX FACEBOOK MELAYANG

CARA MEMBUAT LIKE BOX FACEBOOK MELAYANG  DI BLOG

Gak terasa yah tinggal beberapa hari lagi tahun baru 2016 , oke dah ga usah pake lama ga usah banyak bacot langsung saja gwe mau menjelasin bagaimana caranya supaya like box facebook melayang di blog , gwe tau caranya tapi gwe males pake , jika kalian mau pake silahkan ikuti cara berikut ini  langsung aja ke TKP .

Berikut cara membuat kotak FB melayang di BLOG :

1. Login kehalaman dashbor blogger kamu
2. Setelah berada dalam halaman dashbor kamu pilih blog yang ingin kamu sisipkan kotak FB melayang

 3. Selanjutnya Klik "TETA LETAK" Yang ada di sebelah kiri

 4. Setelah kamu lakukan no.3 kamu akan melihat layout blog kamu seperti contoh blog saya

Lalu kamu klik "TAMBAH GATGET" Lalu akan keluar Pop-up window , Lalu pilih "Html/javascript" Seperti yang di tunjukan tanda panah di bawah

 

 Lalu akan tampil windows berikut

Selanjutnya Copy paste code di bawah ini kedalam kotak yang di tunjukan di gambar diatas

<style type='text/css'>
/* Message Box */
#box-message {
position:fixed !important;
position:absolute;
top:-1000px;
left:50%;
margin:0px 0px 0px -182px;
width:300px;
height:auto;
padding:16px;
background:#fff;
font:normal Dosis, Georgia, Serif;
color:#111;
border:2px solid #333;
-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:#fff;
font:bold 16px Arial, Sans-Serif;
text-decoration:none;
line-height:22px;
width:22px;
text-align:center;
color:#111;
border:2px solid #333;
-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;
}
#twitterx {
background: #EEF9FD;
padding: 10px;
text-align:center;
border: 1px solid #C7DBE2;
border-top: 0;
}
</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 -->
<center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/urlpagekamudisini?ref=hl&amp;width=292&amp;height=258&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false&amp;appId=371524026202784" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:258px;" allowtransparency="true"></iframe>
</center>
<!-- HTML End -->
<a class='close' href='#'>&times;</a>
</div>

5. Gati Url yang berwarna merahdengan URL fanspage anda 

6. Klik simpan

Sampai sini tutorial cara membuat kotak like facebook melayang
telah selesai. Semoga kamu sukses ya dengan tutorial saya. Jika ada 
yang tidak dimengerti dapat komentar di bawah. Semoga tutorial kategori Blogspot ini bermanfaat. Saya ADMIN, sampai jumpa pada artikel saya berikutnya..

Ilmu Tips & Trik

• Share
• Share

Dapatkan Tips Menarik Setiap Harinya!

• Dapatkan tips dan trik yang belum pernah kamu tau sebelumnya
• Jadilah orang pertama yang mengetahui hal-hal baru di dunia teknologi
• Dapatkan Ebook Gratis: Cara Dapat 200 Juta / bulan dari AdSense