Sebenarnya saya juga tidak tahu apa nama dari trik ini, jujur saja saya menemukan script Popup Like Facebook dari blog orang lain, namun setelah browsing2 saya juga tidak mendapatkan turorialnya. Akhirnya saya lihat Sumber Halaman Blog tersebut, eh ga taunya blog itu juga menggunakan blog gratisan blogger.com saya tidak menyangka karena sekilas blog tersebut tidak terlihat seperti layaknya menggunakan blogger/blogspot.
Alhamdulillah. Dengan kemampuan yang seadanya saya coba teliti script yang ada pada blog tersebut. Akhirnya Script Popup Like Facebook ini dapat saya selesaikan untuk kita gunakan.
Dengan menambahkan Popup Like Facebook ini, Harapannya adalah untuk meningkatkan trafik yang bersumber dari facebook hal itu dikarenakan semakin banyak pengunjung yang memberikan Like Facebook untuk blog kita, maka semakin besar juga peluang blog kita untuk mendapatkan kunjungan dari facebook.
Bagi Anda yang tertarik untuk menambahkan script popup like facebook ini. Langkah-langkah yang harus dilakukan untuk menambahkan popup like facebook di blogger/blogspot sebagai berikut:
PERTAMA:
Tambahkan kode di bawah ini sebelum kode </head>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'></script>
<style type='text/css'>
#fblikepop{background-color:#fff;display:none;position:fixed;_position:absolute;width:450px;border:10px solid #999;z-index:200;-moz-border-radius:9px;-webkit-border-radius:9px;color:#333;text-align:left;font-family:arial,sans-serif;font-size:13px;margin:0;padding:0}
#fblikepop body{background:#fff none repeat scroll 0;line-height:1;height:100%;margin:0}
.fbflush{cursor:pointer;font-size:11px;color:#FFF}
#fblikebg{display:none;position:fixed;_position:absolute;height:100%;width:100%;top:0;left:0;background:#000;z-index:100}
#fblikepop #closeable{float:right;margin:5px 15px 0 0}
#fblikepop h1{background:#6D84B4 none repeat scroll 0 0;color:#FFF;font-size:13px;font-weight:700;border-color:#3B5998 #3B5998 0;border-style:solid solid none;border-width:1px 1px medium;margin:0;padding:3px}
#fblikepopClose{line-height:14px;right:6px;top:4px;position:absolute;display:block;color:#FFF}
#fblikepop #buttonArea{background:#F2F2F2;border-top:1px solid #CCC;min-height:50px;padding:8px}
#fblikepop #popupMessage{font-size:12px;line-height:22px;padding:8px}
#fblikepop #counter-display{float:right;font-size:11px}
</style>
<script type="text/javascript" src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
<script type="text/javascript" src="http://artikel-terkait.googlecode.com/files/Facebook%20Like.js"></script>
<script language="javascript">
$(document).ready(function() {
$('body').facebookTrafficPop( {
timeout: 20,
title: "KAMI MOHON DUKUNGAN ANDA",
message: 'Terima kasih telah berkunjung di blog saya yang sederhana ini, walau hal ini sedikit mengganggu Anda untuk melihat artikel yang kami tulis, namun kami sangat berharap Anda dapat memberikan <b>LIKE FACEBOOK</b> melalui tombol Like berikut',
url: "http://bloggerkapuas.blogspot.com/",
closeable: false
} );
});
</script>
<style type='text/css'>
#fblikepop{background-color:#fff;display:none;position:fixed;_position:absolute;width:450px;border:10px solid #999;z-index:200;-moz-border-radius:9px;-webkit-border-radius:9px;color:#333;text-align:left;font-family:arial,sans-serif;font-size:13px;margin:0;padding:0}
#fblikepop body{background:#fff none repeat scroll 0;line-height:1;height:100%;margin:0}
.fbflush{cursor:pointer;font-size:11px;color:#FFF}
#fblikebg{display:none;position:fixed;_position:absolute;height:100%;width:100%;top:0;left:0;background:#000;z-index:100}
#fblikepop #closeable{float:right;margin:5px 15px 0 0}
#fblikepop h1{background:#6D84B4 none repeat scroll 0 0;color:#FFF;font-size:13px;font-weight:700;border-color:#3B5998 #3B5998 0;border-style:solid solid none;border-width:1px 1px medium;margin:0;padding:3px}
#fblikepopClose{line-height:14px;right:6px;top:4px;position:absolute;display:block;color:#FFF}
#fblikepop #buttonArea{background:#F2F2F2;border-top:1px solid #CCC;min-height:50px;padding:8px}
#fblikepop #popupMessage{font-size:12px;line-height:22px;padding:8px}
#fblikepop #counter-display{float:right;font-size:11px}
</style>
<script type="text/javascript" src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
<script type="text/javascript" src="http://artikel-terkait.googlecode.com/files/Facebook%20Like.js"></script>
<script language="javascript">
$(document).ready(function() {
$('body').facebookTrafficPop( {
timeout: 20,
title: "KAMI MOHON DUKUNGAN ANDA",
message: 'Terima kasih telah berkunjung di blog saya yang sederhana ini, walau hal ini sedikit mengganggu Anda untuk melihat artikel yang kami tulis, namun kami sangat berharap Anda dapat memberikan <b>LIKE FACEBOOK</b> melalui tombol Like berikut',
url: "http://bloggerkapuas.blogspot.com/",
closeable: false
} );
});
</script>
KEDUA:
Tambahkan kode di bawah ini setelah kode <body>
<div id='fbtpdiv'></div>
Catatan:
Ganti http://bloggerkapuas.blogspot.com/ dengan domain anda.
Untuk Demo Script PopUp Like Facebook, Anda bisa langsung lihat di blog ini. Kami Juga berharap Anda mau memberikan Dukungan Like Facebook untuk Blog ini demi kemajuan blog ini. Terima Kasih dan Semoga Tips kali ini dapat bermanfaat.
Mula-mula baru, tapi selepas saya rewrite ayat. ia sudah tak berfungsi lagi =( sad.... kalau saya letak kat html gadget saja boleh? saya guna blogger.
BalasHapustunggu reply anda ya =) saya datang lagi esok.
terima kasih.
Script tersebut hanya berfungsi ketika sebuah komputer yang belum mengklik LIKE FACEBOOK. Apabila sudah meng klik tombol like maka script tersebut tidak jalan lagi.
BalasHapussetelah saya coba kok tidak berhasil ya??? tolong pencerahannya :D
BalasHapusnot work... help me
BalasHapusMau coba dulu.. mantep nich... thanks yach
BalasHapussaya dah mencoba tapi setelah saya like masih keluar dia dan tidak hilang masih nuggu waktu gimana nie
BalasHapus