Widget ini berbeda dengan widget melayang sebelumnya ( baca : widget melayang Facebook V1 ) karena ada efek Popup dan juga Timernya.
Widget ini anda menentukan berapa lama fanspage tersebut melayang di blog anda, dan kapan fan page popup tersebut muncul. Tapi anda harus ingat jika anda menyetel waktunya jangan lama-lama jang sampai pengunjung blog anda kabur karena ini (walaupun ada tanda closenya ).
Memasang Fanspage Facebook Ke Blog
Untuk memasang widget ini sangatlah mudah karena kebetulan css, java script dan htmlnya telah disatukan jadi tidak bingung untuk meletakannya satu persatu ke dalam tempate, tinggal mengcopy widgetnya dan letakan ke dalam HTML widget Blog.- Login dengan akun blog anda
- Pilih blog yang ingin anda edit
- Masuk ke menu Tata Letak => Tambahkan Gadget => HTML/javascript=> Letakan kodenya dan simpan.
Membuat FansPage FB Dengan Timer Di Blog:
Ambil Code Ini dan letakan di widget dengan Cara seperti diatas:<style>
#fblikepop{display:none; position:fixed; top:200px; _position:absolute;
width:450px; border:10px solid #6F6F6F; z-index:200; -moz-border-radius:9px; -webkit-border-radius:9px; margin:0; padding:0; color:#333333; text-align:left; font-family:arial,sans-serif; font-size:13px}
#fblikepop body { none repeat scroll 0%; line-height:1; margin:0; height:100%; }
.fbflush { cursor:pointer; font-size:11px !important; !important; text-decoration:none !important; border:0 !important; }
#fblikebg{display:none; position:fixed; _position:absolute;
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="RahmatCreations",
judulatas="LIKE THIS BROOO !!!",
warna="1",
waktuhabis="25",
tunggu="0",
bahasa="en"
//]]>
</script>
<script type="text/javascript" src="https://rahmat-creations.googlecode.com/svn/fanspagelikebox.js"></script>
<script type="text/javascript">
//<![CDATA[
$(document).ready(function(){$().kenadehdotcom({ closeable: true });});
//]]>
</script>
Keterangan:
ganti kode berwarnah merah diatas dengan id RahmatCreations fanspage facebook anda, sobat dapat mengganti juga tulisan LIKE THIS BROOO !!! dengan apa yang sobat inginkan dan mengganti 25 dengan lama waktu yang sobat inginkan, kode en adalah untuk bahasa inggris silahkan ganti dengan id jika ingin menggunakan bahasa indonesia.
Ok sobat sekian tutorial dan widget blog yang dapat dibagikan untuk saat ini dan semoga bermanfaat untuk sobat. Terimakasih.
Sign up here with your email
ConversionConversion EmoticonEmoticon