Monday, November 19

Memasang kotak Pop-up like Facebook widget untuk Blogger/ Blogspot


Apa itu Kotak Pop-up like Facebook?

Kotak Pop-up like Facebook adalah sebuah kotak yang berisi ajakan kepada pengunjung agar memberikan Like ke Halaman Facebook kita. Kotak ini muncul ketika pengunjung memasuki halaman web kita tepat ditengah-tengah, sehingga memnungkinkan mereka memberikan Like ke Halaman Facebook kita. Beberapa fitur yang ada sebagai berikut:
  • Tidak dapat diblok oleh semua Browser.
  • Menggunakan tampilan Light Box Effect.
  • Tersedia tombol (X) untuk menutup.
  • Loading cepat dan mudah dalam menerapkan.
  • Sederhana dan ringan, serta tampilannya yang bagus.
Gambarnya seperti dibawah ini.

Facebook Like Pop-up
Mengapa perlu memasang Kotak Pop-up like Facebook?

Karena sering dihiraukan oleh pengunjung jika hanya menggunakan tombol Like biasa di Sidebar atau di akhir postingan. Jik akita memasang Widget ini, tentu apa yang muncul pertama kali ini menjadi sebuah perhatian khusus untuk pengunjung.

Darimana script Kotak Pop-up like Facebook ini ditulis?

Kotak Pop-up like Facebook ini ditulis oleh ExeideasAnda dapat mengunjunginya untuk informasi yang lebih lanjut.

Kapan dapat inisiatif memasang Kotak Pop-up like Facebook?

Kemarin sore setelah lihat-lihat blog orang, ternyata efektif juga untuk membuat mereka (pengunjung) memberikan Like kepada halaman Facebooknya.

Bagaimana Menerapkan Kotak Pop-up like Facebook di Blogger/ Blogspot?

Caranya cukup mudah, Anda tidak perlu membuka HTML yang rumit, tetapi hanya menambahkan beberapa kode HTML/Script di Layout. Lebih detailnya sebagai berikut:
  1. Masuk ke Blogger account Anda.
  2. Pilih Blog yang ingin diberi Kotak Pop-up Like Facebook.
  3. Pilih Layout.
  4. Click "Add a gadget" dimanapun yang Anda inginkan.
  5. Cari "HTML-Javascript"
  6. Click ikon plus (+) untuk menambahkannya.
  7. Sekarang copy kode dibawah ini dan pastekan di dalamnya.
    <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js'></script> <script src="https://gj37765.googlecode.com/svn/trunk/html/[www.gj37765.blogspot.com]jquery.colorbox-min.js"></script> <link rel="stylesheet" href="https://gj37765.googlecode.com/svn/trunk/html/%5Bwww.gj37765.blogspot.com%5Dfbpopup.css" type="text/css" /> <script type="text/javascript"> jQuery(document).ready(function(){ if (document.cookie.indexOf('visited=flase') == -1) { var fifteenDays = 1000*60*60*24*30; var expires = new Date((new Date()).valueOf() + fifteenDays); document.cookie = "visited=true;expires=" + expires.toUTCString(); $.colorbox({width:"400px", inline:true, href:"#mdfb"}); } }); </script> <div style='display:none'> <div id='mdfb' style='padding:10px; background:#fff;'> <h3 class="mdbox-title">Receive all updates via Facebook. Just Click the Like Button Below<center><p style="line-height:3px;" >&#9660;</p></center></h3> <center> <iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FEXEIdeas2010&amp;width=300&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23ffffff&amp;stream=false&amp;header=false&amp;height=258" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:258px;" allowtransparency="true"></iframe> </center><p style=" float:right; margin-right:35px; font-size:9px;" >Powered By <a style=" font-size:9px; color:#3B78CD; text-decoration:none;" href="http://www.exeideas.com">EXEIdeas</a> and <a style=" font-size:9px; color:#3B78CD; text-decoration:none;" href="http://www.bisidamu.com">Bisidamu</a></p> </div></div>
  8. Biarkan judulnya kosong.
  9. Click Save dan Anda selesai.
Anda bisa mencobanya dengan membuka halaman blog Anda. Semoga bemanfaat :)

www.kebumenmedianet.com

No comments: