Cara Memasang Like Box Facebook Melayang Diblog

Like Box Facebook

 Kampoeng iLmu2 - Cara Memasang Like Box Facebook Melayang Diblog , Like Box Adalah Sebuah Sarana Agar Para Pengunjung Blog Kita Menyukai Atau Memberikan Jempolnya Kepada Halaman /Fans Page Yang Kita Kelola. Sehingga Halaman Atau FP Itu Semakin Ramai. Widget Like Box Ini Dilengkapi Tombol Close.

Langkah Pemasangan 

Pertama Kamu Masuk kedasbor blog Kamu Yang Akan kamu Pasang Like Box !

Kedua Klik TATA LETAK >> Add Gadget >> HTML /JAVASCRIPT .

Ketiga Copy Kode Like Box Dibawah Ini :

<!-- 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:17px; color:#000000;"> <blink> Tolong Like Ya ! </blink> </p>
<!-- Mulai --!>
<div class="fb-like-box" data-href="https://www.facebook.com/pages/Official-Kampoeng-ilmu/266640776841154" data-width="292" data-show-faces="true" data-stream="false" data-show-border="true" data-header="true"></div>
<!-- Selesai --!><a class='close' href='#'>&times;</a>

Ket :

Warna Biru : Ubah Dengan URL Fans page Kamu

Warna merah : Jika Ingin Kamu Ubah Lebarnya

Warna Pink : True : Berarti Menampilak Wajah Liker ; False : Untuk Tidak Menampilkan Wajah Liker

 

Keempat Pastekan Ke Kotak HTML /JAVASCRIPT . 

Kelima Klik Simpan / Save !.

Nah Itulah Tutorial Cara Memasang Like Box Facebook Melayang Diblog  Semoga Bermanfaat Yaa .,Baca Juga : Cara memasang Google Plus Badge Di Blog

Share this :