CARA MEMASANG LIKE BOX MELAYANG MENARIK DENGAN MUDAHNYA

Assalamu'alaikum wr.wb.

Pada hari ini saya akan share info, ini Tutorial tentang Cara Memasang Like Box Melayang..
Biasanya, orang memasang Like Box agar mendapat banyak like dari para pengunjung blog mereka.

Jadi, kalau agan mau memasang Like Box melayang, ini dia solusinya.. Check it Out

Step:
1. Buka blogger.com
2. Pilih blog agan yang mau di kasih LIKE BOX
3. Klik Tata Letak
4. Klik Tambah Gadget
5. Klik HTML/javascript
6. Copy semua kode ini

<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/pages/Ajudan-Sinau/414580365374341?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>

7. Paste-kan kode tersebut.
8. Simpan..

===>Nanti jadinya kayak gini

Keterangan:
- Ganti warna merah dengan URL fanspage agan
Untuk melihat yang sudah jadi kayak gimana. klik DI SINI

27 Responses to "CARA MEMASANG LIKE BOX MELAYANG MENARIK DENGAN MUDAHNYA"

  1. kalo udah tahu, nyari yang belum tahu.. :D
    hehehe...

    BalasHapus
  2. wahh mantep nih ,, tp sayangnya saya ga punya fanspage..tpi infonya bermanfaat, nanti klo udh punya FB saya coba dehh

    BalasHapus
    Balasan
    1. Kalo belum punya, ya bikin dulu..
      baru dipraktekin ini tutorialnya :D hehehe...

      Hapus
  3. sama bro gua juga ndak punya fanspage, tapi nice info gan

    BalasHapus
  4. waahh mantap gan ijin coba dan praktek

    BalasHapus
  5. Gan yg untuk wp juga dong, terus juga kalo mau masang timer gimana ?

    BalasHapus
    Balasan
    1. yang pake timer beda lagi gan..
      Ini khusus yang nggak pake timer.. :D

      Hapus
  6. wah caranya mudah banget buat like box, thank's ya

    BalasHapus
  7. Terimakasih gan ini yang di yang ane cari cari..

    BalasHapus
  8. kebetulan banget sob gw nyari2 tentang ini,
    thanks dah di share sob

    BalasHapus
  9. Pengen coba mas,,, dari dulu nyari-nyari eh ketemunya di sini.. soalnya belum tau keywordnya..

    BalasHapus
  10. Mantap gan Ane Lagi Nyari Trick ini eh Ketemu Langsung :D

    BalasHapus
  11. berguna ini mas akan saya pasang di blog saya

    BalasHapus
  12. Ane pke wp gan, tpi enggak apalah stidakny bsa juga di wp :)

    BalasHapus