Cara Membuat Kotak Like Facebook Melayang di Blog

Cara Membuat Kotak Like Facebook Melayang di Blog - Tutorial kali ini saya akan membahas artikel tentang Kotak Like Fb Melayang di Blog, artikel ini saya buat karena baru baru ini saya memakai widet tersebut pada blog ini, dari pada terlalu lama lebih baik kita baca Cara Membuat Like Box Fb Melayang di Blog dibawah ini.

kotak like facebook melayang di blog

Langkah - langkah:

1. Masuk ke blogger.com menggunakan akun anda
2. Pilih Tata Letak
3. Kemudian Klik Tambah Gadget → HTML/JavaScript
4. Lalu copy paste code dibawah ini

<style>#fblikepop { background-color: #fff;
display: none;
position: fixed;
top: 200px;
_position: absolute;
/* hack for IE 6*/
width: 450px;
border: 10px solid #6F6F6F;
z-index: 200;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
margin: 0pt;
padding: 0pt;
color: #333333;
text-align: left;
font-family: arial,sans-serif;
font-size: 13px;
}#fblikepop body {
background: #fff none repeat scroll 0%;
line-height: 1;
margin: 0pt;
height: 100%;
}

.fbflush {
cursor: pointer;
font-size: 11px !important;
color: #FFF !important;
text-decoration: none !important;
border: 0 !important;
}
#fblikebg {
display: none;
position: fixed;
_position: absolute;
/* hack for IE 6*/
height: 100%;
width: 100%;
top: 0;
left: 0;
background: #000000;
z-index: 100;
}#fblikepop #closeable {
float: right;
margin: 7px 15px 0 0;
}#fblikepop h1 {
background: #6D84B4 none repeat scroll 0 0;
border-top: 1px solid #3B5998;
border-left: 1px solid #3B5998;
border-right: 1px solid #3B5998;
color: #FFFFFF !important;
font-size: 14px !important;
font-weight: normal !important;
padding: 5px !important;
margin: 0 !important;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif !important;
}#fblikepop #actionHolder {
height: 30px;
overflow: hidden;
}#fblikepop #buttonArea {
background: #F2F2F2;
border-top: 1px solid #CCCCCC;
padding: 10px;
min-height: 50px;
}#fblikepop #buttonArea a {
color: #999999 !important;
text-decoration: none !important;
border: 0 !important;
font-size: 10px !important;
}#fblikepop #buttonArea a:hover {
color: #333 !important;
text-decoration: none !important;
border: 0 !important;
}#fblikepop #popupMessage {
font-size: 12px !important;
font-weight: normal !important;
line-height: 22px;
padding: 8px;
background: #fff !important;
}#fblikepop #counter-display {
float: right;
font-size: 11px !important;
font-weight: normal !important;
margin: 5px 0 0 0;
text-align: right;
line-height: 16px;
}</style>
<script src="http://www.google.com/jsapi"></script><script>google.load("jquery", "1");</script>
<script type="text/javascript" src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
<script type="text/javascript">
//<![CDATA[
username="Gif21FanPage",
judulatas="Bantu like yah mas",
warna="1",
waktuhabis="5",
tunggu="0",
bahasa="id"
//]]>
</script>
<script type="text/javascript" src="http://skin-fb-melayang.googlecode.com/files/fanspage_FB.js"></script>
<script type="text/javascript">
//<![CDATA[
$(document).ready(function(){$().kenadehdotcom({ closeable: true });});
//]]>
</script>

5. Klik Simpan, dan lihat hasilnya.

Tambahan:

diganti dengan username/id fanpage kalian
dapat anda ganti sesuai keinginan anda
lama waktu berakhirnya like box, dan dapat anda ubah

Itulah sobat artikel tentang Cara Membuat Kotak Like FB Melayang di Blog, terima kasih telah mampir ke blog kecil ini, Terima kasih.

Share This :