Author by Yosef Doublehorn
Author by : Doublehorn
DAFTAR ISI
Protected by Copyscape Online Infringement Detector

11 Maret 2014

Facebook Popup Like Box with jQuery to website blog


Inilah tutorial memasang widget Facebook popup untuk blog blogger dilengkapi tampilan kotak cahaya jQuery dengan background homepage website yang disamarkan dengan warna kelabu. Widget ini dikontribusi oleh Jacklmoore. Berguna mendatangkan trafik dari Facebook. Saya ambil content dari http://www.myblogger-tricks.com. Saya berterimakasih untuk itu.

Widget Facebook Popup Like Box for your website

Menurut sumbernya widget Facebook Popup Like Box ini tidak dirancang untuk membuat blog Anda terlihat seperti profesional, TETAPI dirancang untuk mendapatkan lebih banyak TRAFIK dari Facebook dengan memanfaatkan kotak Facebook Popup Like.  Kotak ini memiliki tombol CLOSE di sudut kanan atas. Pengunjung dapat menutup widget ini dengan mengklik tombol tersebut.

Facebook adalah sumber utama trafik yang mengirimi blog Anda lalu-lintas pengunjung, bila Anda punya cukup penggemar di Fanpage. Untuk memperluas jaringan Facebook dan meningkatkan penggemar fanpage, gunakan widget ini.

Facebook Popup Like Box ini sangat stylish. Jika digunakan dengan tepat – HANYA sekali muncul pada kunjungan perdana, agar tidak terlalu mengganggu.tamu blog – maka akan membantu mendatangkan banyak kunjungan dari LIKER halaman Facebook (Fanpage) Anda secara dramatis.

Facebook-LIKE-popup-widget-in-website-design

Cara kerja Facebook Popup Like Box di website blog

Widget ini akan menyimpan cookie di browser pengunjung saat kunjungan blog pertamakali. Facebook Popup Like Box muncul untuk reader Anda, dan berlaku hanya untuk kunjungan pertama saja. Facebook Popup Like Box tidak akan muncul lagi pada kunjungan ulang karena ditiadakannya cookie di browser Reader.

Kecanggihan Facebook Popup Like Box untuk website blog

  1. Bisa bekerja pada semua Browser.
  2. Design Cool sangat menarik.
  3. Pemuatan lebih cepat dibanding widget Blogger lain.
  4. Tidak mempengaruhi Speed website.
  5. POP-UP dilengkapi dengan LightBox Effect.
  6. Bisa bekerja pada semua platform blogging.

Tambahkan widget Facebook Popup Like Box ke website blog

Ditawarkan 2 metode untuk melakukannya.

CARA PERTAMA

Untuk menginstall Widget ini ikuti saja langkah sederhana ini :
  1. Pra edit, baiknya klik Backup Template untuk mendapat cadangan file template.
  2. Pergi ke Blogger Dashboard >> Template >> Edit Html
  3. Paste snippet code1 diatas  </ head> (Untuk mendapatkan klik link dibawah ini)

    Download Snippet Code 1 :


  4. Gambar dibawah ini menunjukkan script isi file di atas (snippet code 1) :

    script-satu-Facebook-Popup-Like-Box
PERHATIKAN VARIABEL INI  : *7

Nilai *7 : Nilai ini mempengaruhi cookie refreshment. LIKEBOX ini sudah diatur untuk HANYA sekali saja ditampilkan. Dengan setting *7 berarti akan ditampilkan kembali setelah 7 hari. Anda bisa mengatur nilai tersebut kurang dari 7. Misalnya – *1 –  jika LIKEBOX ingin ditampilkan kembali setelah 1 hari.

PERINGATAN! Jika nilai variabel diubah ke angka 1, pengunjung setia blog akan sangat terganggu dan lari.

Cari kode berikut dalam HTML template Anda.

</b:skin>

Click saja tanda PANAH HITAM UNTUK expand code TERSEBUT (lihat gambar ini).

click-black-arrow-to-expand-this-website


CARA KEDUA

Berikut ini cara lebih mudah.
  1. pergi ke Blogger.com dan Login dengan account Gmail Anda.
  2. Buka Blog yang Anda ingin pasang Widget ini.
  3. Go to under the Option Layout (TATA LETAK)
  4. KLIK +Add a Gadget Option
  5. Scroll To "HTML-JAVASCRIPT"
  6. Klik icon "+" untuk menambahkannya
  7. Copy Code dibawah ini dan Paste ke jendela yang kosong.
  8. Biarkan Title kosong.
  9. Click Save, Now You Are Done.

    pop out box code for website blog
    Code dapat Anda peroleh di :
    http://www.4shared.com/office/Aw3BtANFce/Pop-out-Box-Code-2014.html
Menguji sukses instal Facebook Popup Like Box di website blog
Kunjungi blog. Jika dilakukan dengan benar Anda.akan melihatnya muncul! Ingat! POPUP hanya akan muncul SEKALI. Untuk melihat lagi, terlebih dahulu menghapus cookie pada browser Anda. Kemudian refresh halaman untuk melihat kemunculannya lagi.
Customization Facebook Popup Like Box di website blog
  1. Ganti AllTricksWorld dengan Facebook Username Anda.
  2. Ini tidak akan POP Up lagi dan lagi pada setiap reload Atau setiap pages. Untuk Review Widget hanya perlu menghapus Cookie Browser Anda. Kemudian Refresh halaman webpage untuk melihatnya muncul Lagi.
  3. Jika ingin widget tampil setiap reload page, ganti saja “true” dengan “false” di bagian ini :

    if (document.cookie.indexOf('visited=true') == -1)
    {
    var fifteenDays = 1000*60*60*24*30;

  4. Widget ini akan POPUP lagi pada Desktop Viewer Anda setelah 30 Hari. Jika ingin minimize waktunya, HANYA perlu ubah nilai *30
  5. Anda bisa ganti text “Receive all updates via Facebook. Just Click the Like Button Below....” dengan Anda sendiriAllTricksWorld dengan Facebook Username Anda.
  6. Save And Done.
Original source : Add Facebook Popup Like Box With Jquery To Your Blogger Blog


That's all we know


Comments

2 komentar:

http://website-download.blogspot.com/2013/09/add-facebook-popup-like-box-with-jquery.html?showComment=1389156256171#c6188479268055874928'> 08/01/14 11.44 Reply

Terimakasih gan atas Infonya. Salam kenal aja

http://website-download.blogspot.com/2013/09/add-facebook-popup-like-box-with-jquery.html?showComment=1405129966376#c2745315170265294991'> 12/07/14 08.52 Reply

Kalo biar like dlu trs ketutup gitu pop up bisa ga ya ?

Posting Komentar di Website Design

-

Penelusuran topik khusus di blog ini
Loading