Hari ini saya akan kongsikan kepada anda bagaimana cara membuat kotak like FB di Blog seperti yang anda lihat pada gambar di bawah...Anda ikut je step2 di bawah ni...Jom Cuba !!
1. Copy Code Di bawah ini..
atau
<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="USERNAMEFBANDA",
judulatas="CARI KAMI DI FACEBOOK",
warna="1",
waktuhabis="60",
tunggu="0",
bahasa="my"
//]]>
</script>
<script type="text/javascript" src="http://yourjavascript.com/2313441282/myfatehnetwork.js"></script>
<script type="text/javascript">
//<![CDATA[
$(document).ready(function(){$().myfatehnetwork({ closeable: false });});
//]]>
</script>
<script type="text/javascript" src="http://yourjavascript.com/0017130372/fb.js"></script>
2. Masuk ke Papan Pemuka > > Reka Letak > > Tambahkan Gadget
3. Paste kode di atas
4. Simpan dan lihat hasilnya
Keterangan :
# username : letakkan username FB anda.
# judulatas : tulis je ape pun.
# warna : hanya ada 2 pilihan, samada 1 atau 2 saja.
# waktuhabis : letak masa/saat yg sesuai 20,15, 10, 5 dan sebagainya.
# tunggu : biarkan saja dengan angka 0.
# bahasa : en untuk bahasa inggris dan my untuk bahasa Malaysia.
