Kali ini saya kembali dengan artikel berkategorikan "Widget" dan yang pastinya bermanfaat bagi Anda. Widget yang akan saya bahas hari ini adalah widget "FB Likes Pro" yang menurut saya sangat spesial dan menarik. Check it now!
Salah satu Blogger Professional dan pemilik blog kakiheboh asal Indonesia ini telah menerbitkan widget ciptaannya. Banyak kalangan masyarakat baik dari Indonesia maupun Luar Negeri yang berminat dengan widget menarik ini. Yang membuat saya menganggap widget ini spesial adalah teknik tampilan border yang mirip seperti Facebook dan juga fitur timer atau penghitung mundurnya. Anda juga dapat mengatur berapa lama timer akan berjalan (dalam detik) dan juga dapat mengatur berapa lama widget ini akan tampil ketika blog di load (dalam menit), baik itu setelah 1 menit atau langsung tampil. Pada widget ini juga dapat mengganti background dengan keempat kode gambar (.js). Loading widget ini juga sangat cepat memungkinkan tidak ada beban apapun pada berat loading blog.
Untuk cara pembuatan dan pemasangannya silahkan ikuti langkah-langkah di bawah ini :
1. Pastikan Anda sudah login ke akun Blogger
2. Masuk ke halaman "Template" dan klik "Edit HTML"
3. Cari kode </body> (gunkan Ctrl+F untuk mempermudah pencarian)
4. Salinlah kode/script di bawah ini dan letakan tepat di atas kode </body>
1. Pastikan Anda sudah login ke akun Blogger
2. Masuk ke halaman "Template" dan klik "Edit HTML"
3. Cari kode </body> (gunkan Ctrl+F untuk mempermudah pencarian)
4. Salinlah kode/script di bawah ini dan letakan tepat di atas kode </body>
<script type='text/javascript'>
//<![CDATA[
KNFBFansPRO='Super Junior (?????)'//]]> </script>
<style>#fblikepop{background-color:#fff; display:none; position:fixed; top:200px;_position:absolute; /* hack for IE 6*/width:470px;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;border-radius: 9px}
#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:18px !important;font-weight:normal !important;padding:5px !important;margin:0 !important;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif !important;}
#fblikepop #actionHolder{height:28px;overflow:hidden;}
#fblikepop #buttonArea{background:#F2F2F2;border-top:1px solid #CCCCCC;padding:10px;min-height:45px;|
#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://mybloggertricks.googlecode.com/files/jquery.js' type='text/javascript'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1' type='text/javascript'/>
<script src='http://anvity-host.googlecode.com/files/anvity-likebox2.js' type='text/javascript'/><script language='javascript'>
//<![CDATA[
$(document).ready(function(){
$().KNFBFansPRO({
timeout: 30,
wait: 0,url: 'http://www.facebook.com/suju.korea.pop',closeable: true });});
//]]>
</script>
<div id='fbtpdiv'/>
5. Save Template. Done!
Pemasangan widget belum selesai sampai di sini. Ada lagi yang perlu di edit pada kode di atas.
Untuk cara pengeditannya silahkan ikuti langkah-langkah di bawah ini :
1. Ganti kata Super Junior (?????) dengan kata yang akan tampil di bagian atas widget, misalnya "Join Super Junior (?????) on Facebook"
2. Ganti angka 30 dengan angka yang akan mengatur berapa lama widget itu akan tampil (dalam hitungan detik)
3. Ganti angka 0 dengan angka yang akan mengatur lamanya widget ini akan tampil ketika blog baru di load (dalam hitungan menit)
4. Ganti suju.korea.pop dengan username Fans Page Anda atau jika belum mempuyai username pada Fans Page, gunakan ID Fans Page (lihat pada address bar browser Anda)
5. Terakhir, ganti juga true dengan false jika tanda X (close) ingin dihilangkan
Anda juga dapat mengganti gambar background widget. Silahkan ganti tulisan yang berwarna merah pada kode widget diatas dengan kode-kode gambar dibawah ini :
1. Ganti kata Super Junior (?????) dengan kata yang akan tampil di bagian atas widget, misalnya "Join Super Junior (?????) on Facebook"
2. Ganti angka 30 dengan angka yang akan mengatur berapa lama widget itu akan tampil (dalam hitungan detik)
3. Ganti angka 0 dengan angka yang akan mengatur lamanya widget ini akan tampil ketika blog baru di load (dalam hitungan menit)
4. Ganti suju.korea.pop dengan username Fans Page Anda atau jika belum mempuyai username pada Fans Page, gunakan ID Fans Page (lihat pada address bar browser Anda)
5. Terakhir, ganti juga true dengan false jika tanda X (close) ingin dihilangkan
Anda juga dapat mengganti gambar background widget. Silahkan ganti tulisan yang berwarna merah pada kode widget diatas dengan kode-kode gambar dibawah ini :
Background ini sudah terpasang di kode widget di atas
http://anvity-host.googlecode.com/files/anvity-likebox2.js
http://anvity-host.googlecode.com/files/anvity-likebox4.js
http://anvity-host.googlecode.com/files/anvity-likebox3.js
http://anvity-host.googlecode.com/files/anvity-likebox.js
Saya rasa cukup sampai disini. Jika masih ada masalah dan perlu ditanyakan, berikan komentar. Happy Blogging and Enjoy it!
0 opmerkings: