BLOG-ADS
Home » » Cara Membuat Like Box Facebook di Blog

Cara Membuat Like Box Facebook di Blog

Written By Umam Mukhlas on Wednesday, April 9, 2014 | 8:14 AM

Cara Membuat Facebook FanPage Melayang di Blog
Facebook liker
Cara Facebook Like Box di Blog- Salah satu cara andalan yang di pakai oleh blogger pemula sampai blogger master
 adalah dengan menggunakan Facebook Fan Page.

Facebook Like Box biasanya berfungsi untuk tempat berkumpulnya follower blog. Namun, tahukah kalian? kalau sebernarnya Facebook Like Box juga mempunyai fungsi sebagai alat pamer? Facebook Like Box yang mempunyai banyak like akan menarik banyak pemasang iklan di blog.

Memasang Facebook Like Box di Blog

  • Masuk ke Blogger-> Tata letak.
  • Pilih Tambah gadget (boleh mana saja)
  • Pilih HTML/Java Script
  • Masukkan kode berikut:

<!-- FB melayang tombol close --!>
<style type='text/css'>
#kotak-facebook {
position:fixed !important;
position:absolute; /* IE6 */
bottom:-1000px;
right:40%;
margin:0px 0px 0px -182px;
width:310px;
height:auto;
padding:16px;
-webkit-box-shadow: 0px 0px 7px #222;
-moz-box-shadow: 0px 0px 7px #222;
box-shadow: 0px 0px 7px #222; background-color:#FFFFFF; font:normal 1em Cambria,Georgia,Serif;
color:#111;
-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomright: 20px;
border-top-left-radius: 20px;
border-bottom-right-radius: 20px;}
#kotak-facebook a.close {
position:absolute;
top:-10px;
right:-10px;
background:#333;
font:bold 16px Arial,Sans-Serif;
text-decoration:none;
line-height:22px;
width:22px;
text-align:center;
color:#fff;
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;
cursor:pointer;
}
</style>
<script type='text/javascript'>
$(window).bind("load", function() {
// animasikan nilai top saat halaman telah selesai dimuat
$('#kotak-facebook').animate({bottom:"50px"}, 1000);
// hilangkan kotak pesan saat tombol (x) di klik
$('a.close').click(function() {
$(this).parent().fadeOut();
return false;
});
});
</script>
<div id='kotak-facebook'>
<p style=" margin-right:10px; font-size:15px; color:#000000;">Please Bantu Saya,<blink> Like This !!!</blink> </p>
<!-- Mulai --!>
<div class="fb-like-box" data-href="http://www.facebook.com/##############" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="false" data-show-border="true"></div>
Powered By <a href="http://cara-seoblogdownload.blogspot.com/" target="_blank">Facebook</a><span style="font-size: 0px;">Created By:&nbsp;<a href="http://cara-seoblogdownload.blogspot.com/" target="_blank">BLOG-ADS</a></span>
<!-- Selesai --!><a class='close' href='#'>&times;</a>
<p style=" float:right; margin-right:35px; font-size:10px;" ></p></div>

  • Kemudian ganti kode bewarna merah dengan ID Fan Page Facebook sobat, kalau belum tahu ID Fan Page bisa search di google
  • Terakhir Klik Save
  • Jika berhasil nanti tampilannya kurang lebih akan seperti ini.

Cara Membuat Like Box Facebook di Blog

Bagaimana, mudah bukan Cara Membuat Facebook Like Box di Blog, jika ada kesulitan saat pemasangan, jangan sungkan untuk bertanya, untung untung saya bisa membantu, hehehehehehehe.

Baca juga :
Share this article :

0 komentar:

Post a Comment

BLOG-ADS

Bossmartphone

Bos Smartphone

Baca Juga

Ke Lingkaran


 
Support : Artikel | Download | SEO
Copyright © 2013. BLOG-ADS - All Rights Reserved
Template Created by Crereating Website Published by Mas Template
Proudly powered by Blogger