Kali
ini kita akan membahas tutorial cara membuat kotak Like Facebook popup dengan
timer berikut tutorial nya ;
1. login dan pilih
menu Tata Letak.
2. Tambah Widget atau
gadget, dan pilih
HTML/Javascript.
3. Copas kode berikut
:
<style>#fblikepop
{
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 {
none repeat scroll
0%;
line-height: 1;
margin: 0pt;
height: 100%;
}
.fbflush {
cursor: pointer;
font-size: 11px
!important;
!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;
!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="sibarasok",
judulatas="Follow This Site",
warna="1",
waktuhabis="10",
tunggu="0",
bahasa="id"
//]]>
</script>
<script
type="text/javascript"
src="http://kiatcara.googlecode.com/files/FB_fansbox.js"></script>
<script
type="text/javascript">
//<![CDATA[
$(document).ready(function(){$().kiatcaradotcom({
closeable: true });});
//]]>
</script>
4. Silahkan ganti tulisan berwarna biru
:
Username ganti dengan username fanspage misalnya alamat fanspage kita http://www.facebook.com/sibarasok, maka cukup
tuliskan sibarasok saja.
Untuk
Judul, warna, waktu habis dan tunggu bisa bereksperimen.
