membuat pop up window pada like facebook `

sekarang sudah banyak yang namanya tombol suka ( like box ) pada facebook di blog  bloger  / website yang kita jumpai dengan tampil melayang di blog,tentunya hal ini sangat bagus untuk berbagi  karena tampilannya yang sangat cantik.sobat mastony kita akan mengulas sedikit bagaimana cara membuat pop up window pada like facebook ( fanpage ) dengan Timer atau waktu yang kita tentukan dan sebelumnya kita telah membahas cara mudah membuat tombol like facebook jika sudah baca kita lanjutkan.pop up window pada like box ini sebetulnya membuat loading blog kita akan jadi lambat.Akan tetapi bila itu mungkin perlu untuk di pasang ya bagaimana lagi.
oya ,, bagi sobat yang ingin membuat widget facebook like buka tutup ketika di hover / di kunjungi pointer mouse bisa simak di sini Membuat Buka Tutup Pada Facebook Like 
oke, kembali ke pop up window silahkan klik demo dibawah untuk melihatnya .


Berikut langkah - langkah sederhana ini untuk membuat pop up window pada like facebook :
  • Seperti biasa Login ke Dashboard Blogger
  • Klik Template >> Edit Html >> Expand Widget Templates >> cari cepat ( CTRL+F )
  • cari kode </head> jika sudah ketemu copy dan paste kode berikut setelah kode </head> tadi.
<link href='https://sites.google.com/site/penyamunsites/facepenyamun/fb-like-pop.css' rel='stylesheet' type='text/css'/><script src='https://sites.google.com/site/penyamunsites/facepenyamun/jquery.min.js'/><script src='http://connect.facebook.net/en_US/all.js#xfbml=1' type='text/javascript'/><script src='https://sites.google.com/site/penyamunsites/facepenyamun/fb-like-pop.js' type='text/javascript'/>
  • preview dulu templates sobat jika tidak ada kesalahan simpan
langkah selanjutnya pilih Tata Letak >> Tambah Gadget >> Html Javascript
copy dan paste kode berikut :

<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
$('body').facebookTrafficPop( {
timeout: 10,
title: "Gabung di sini di Halaman Mastony",
message: 'klik "like" dibawah dapatkan update artikel terbaru',
url: "http://facebook.com/mastonyblogs",
'opacity': 0.5,
'advancedClose':false,
closeable: true
} );
});
//]]>
</script>

Note :10 lamanya waktu yang akan di tampilkan.silahkan sesuaikan.
Gabung di sini di Halaman Mastony  
klik "like" dibawah dapatkan update artikel terbaru adalah pesan silahkan seuikan atau ubah sendiri.
http://facebook.com/mastonyblogs  ini adalah url halaman facebook MasTony.

saya rasa cukup sekian tentang bagaimana cara membuat pop up window pada like facebook.
semoga artikelnya bermanfaat bagi sobat .jangan lupa klik likenya ...

Terima kasih Anda telah membaca Artikel mengenai membuat pop up window pada like facebook dan Kata kunci untuk Artikel ini yaitu membuat pop up window pada like facebook

11 komentar:

  1. post and your article is very interesting and nice, I will visit again to see your next post and article, thank you for your info

    BalasHapus
  2. koq di bloog ku ga mau mas,, gax keliatan padahal udah ngikutin petunjuk

    BalasHapus
  3. @fadli : wah berarti gak cocok kali sob ,,,kan soalnya udah di uji coba ..

    BalasHapus
  4. mantaphh mas...
    tapi bsa gak kita buat munculnya waktu buka home aja/pertama kali kita buka blog??
    jadi klo kita klik artikel laen atau menu laen, pop up nya gk muncul lagi...

    BalasHapus
  5. Thank's mas udh berhasil aq coba

    smoga blognya tmbah maju yha mas

    BalasHapus
  6. @nico : tanks juga atas kunjungannya

    BalasHapus
  7. thanks ya mnta follow Balik nya donk disini http://ilmubloggersyahdan.blogspot.com/

    BalasHapus
  8. @Nice fernando : oke gan ,, makasih kunjungannya ..

    BalasHapus
  9. thanks info kunjungi wwww.galaxyy-info.blogspot.com

    BalasHapus

Silahkan Anda Komentarkan Tentang Post ini yang baik dan sopan,
Jangan sampai komentar anda dianggap spam . . .