Rabu, 05 September 2012


membuat pop up window pada like facebook


By on 08.21

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 ...

Tukang Coding
Judul: membuat pop up window pada like facebook
Review oleh: Tukang Coding | Template TreTans 1.0
Update pada: 08.21 | Rating: 4.5

Comment for "membuat pop up window pada like facebook"

0 komentar

Posting Komentar