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&width=292&height=258&colorscheme=light&show_faces=true&border_color&stream=false&header=false&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='#'>×</a>
</div>
7. Paste-kan kode tersebut.
8. Simpan..
===>Nanti jadinya kayak gini
kalo udah tahu, nyari yang belum tahu.. :D
BalasHapushehehe...
wahh mantep nih ,, tp sayangnya saya ga punya fanspage..tpi infonya bermanfaat, nanti klo udh punya FB saya coba dehh
BalasHapusKalo belum punya, ya bikin dulu..
Hapusbaru dipraktekin ini tutorialnya :D hehehe...
sama bro gua juga ndak punya fanspage, tapi nice info gan
BalasHapusBuat dulu aja :D hehehe..
Hapuswaahh mantap gan ijin coba dan praktek
BalasHapusoke gan :D
HapusGan yg untuk wp juga dong, terus juga kalo mau masang timer gimana ?
BalasHapusyang pake timer beda lagi gan..
HapusIni khusus yang nggak pake timer.. :D
wah caranya mudah banget buat like box, thank's ya
BalasHapusiya gan :D
HapusTerimakasih gan ini yang di yang ane cari cari..
BalasHapussama - sama gan :D
Hapuskebetulan banget sob gw nyari2 tentang ini,
BalasHapusthanks dah di share sob
iya sob.. :D
Hapusmampir lagi ya sob..
Pengen coba mas,,, dari dulu nyari-nyari eh ketemunya di sini.. soalnya belum tau keywordnya..
BalasHapusok mas.. selamat mencoba :D
HapusThanks info nya yah
BalasHapussama - sama gan..
HapusMantap gan Ane Lagi Nyari Trick ini eh Ketemu Langsung :D
BalasHapusoke gan.. langsung coba aja gan :D
Hapusberguna ini mas akan saya pasang di blog saya
BalasHapusoke gan.. mantaap :D
HapusMantap :D
BalasHapusmakasih gan :D
HapusAne pke wp gan, tpi enggak apalah stidakny bsa juga di wp :)
BalasHapusok gan :D
Hapus