Halo sobat maskresna blog, kali ini saya akan berbagi Cara Membuat Like Box Fanspage Facebook Melayang Di Blog. Sebenarnya tutorial ini sudah ada sejak beberapa tahun silam, namun kali ini saya akan membagikannya gratis kepada sobat yang ngefans dengan blog mas kresna hehehe...
Tutorial ini dibuat agar sobat mendapatkan banyak like ke fanspage sobat dimana like tersebut berasal dari blog yang sobat miliki. Sekarang bagi sobat yang mempunyai blog sekarang bisa mempromosikan fanspage facebook sobat ke blog sobat agar lebih banyak mendapatkan like dan pengunjung setia. bagi yang belum punya blog bisa mendaftar gratis di www.blogger.com. Jadi tidak perlu bersusah payah untuk mencari like atau mungkin membeli like yang hanya membuang buang uang saja. lebih baik disimpan untuk kebutuhan sehari hari ya kan ? hahaha....
Sebelumnya mari kita bahas apa itu Fanspage ? mari kita lihat hasil search di google.com:
 |
| Sumber: www.google.com |
Seperti yang sobat lihat digambar tersebut,
fan page facebook adalah sebuah halaman khusus layaknya blog yang menyediakan informasi yang beragam sesuai dengan keinginan pemiliknya, mulai dari perusahaan, pendidikan, layanan, produk fisik, artis, komunitas dan masih banyak lainnyaNah, sekarang kita menjadi tahu apa fungsi fanspage facebook. Yuk kita bahas cara membuat like box melayang nya:
1. Masuk ke blogger.com
2. Kemudiah pilih "Tata Letak"
3. Kemudian pilih "Tambah Gadget" bebas yang mana saja boleh
4. Pilih "HTML/Javascript" lalu masukkan kode dibawah ini
5. Silakan sobat ganti tulisan berwarna merah tersebut (https://www.facebook.com/maskresna) dengan url fanspage facebook sobat.
<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/maskresna?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>
<p style=" float:right; margin-right:35px; font-size:10px;" >Powered By <a style=" font-size:10px; color:#3B78CD; text-decoration:none;" href="http://mas-kresna.blogspot.co.id">Facebook</a> and <a style=" font-size:10px; color:#3B78CD; text-decoration:none;" href="http://mas-kresna.blogspot.co.id/2016/06/cara-membuat-like-box-fanspage-facebook.html">Get This Widget</a></p>
</div>
6. Silakan simpan dan lihat hasilnya
Nah, sekian untuk postingan saya hari ini, semoga sobat semua bisa mempraktekannya dan mendapatkan hasil yang diinginkan. selamat mencoba dan semoga berhasil dan jangan lupa berikan masukan dan komentar, salam mas kresna blog!
Keywords untuk artikel ini:
like box melayang
cara membuat like box melayang di tengah blog
cara buat like box melayang di blog
cara memasang like box melayang di blog
like box melayang di blog
membuat like box melayang di blog
cara membuat like box melayang
cara buat like box melayang
membuat like box melayang
EmoticonEmoticon