Cara sederhana membuat pop up di WordPress

Banyak cara untuk membuat pop up untuk website atau blog. Salah satunya adalah skrip pop up buatan Nic Wolfe, cara sederhana membuat pop up di blog WordPress kamu. Berikut langkah-langkah bikin popup di blog wordpress.

1. Buka editor theme WP kamu, dan masuk di header.php
2. Kopi dan paste kode berikut:
Kode 1 (simpan di antara kode <head> …. </head> atau sebelum </body> )
Script by Nic Wolfe;

<script>
function popUp(URL) {
	day = new Date();
	id = day.getTime();
	eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=0,location=0,statusbar=1,menubar=1,resizable=0,width=1024,height=800');");
}
</script>

Kode 2 (simpan dalam kode <body>)

onLoad="javascript:popUp('https://www.jevuska.com/')"

3. Ganti url https://www.jevuska.com/ dengan url yang kamu mau jadikan pop up. Selesai

Menggunakan ThickBox

Untuk blog WordPress Anda dapat menggunakan ThickBox. Untuk platform lainnya, Anda dapat menggunakan ThickBox jQuery library oleh Cody Lindley.

Pasang kode ini di file functions.php theme Anda.

wp_enqueue_style( 'thickbox' );

Kode ini di file single.php theme Anda.

<?php add_thickbox(); ?>

Kemudian dalam postingan Anda selalu menggunakan format html seperti ini:

<a href="https://www.jevuska.com/2010/03/29/cara-sederhana-membuat-pop-up-di-wordpress/?TB_iframe=true&width=600&height=550" class="thickbox">Cara sederhana membuat pop up di WordPress</a>

URL selalu diikuti dengan ?TB_iframe=true&width=600&height=550, tinggi dan lebar dialog pop-up dapat diubah, dan gunakan class name “thickbox”.

Sumber https://codex.wordpress.org/Javascript_Reference/ThickBox

7 Replies to “Cara sederhana membuat pop up di WordPress”

  1. klo pop up nya like fanspage FB sama saja om?

    klo pop up nya like fanspage FB sama saja om?

  2. ada contoh nya gak om?? gimna tampilannya

    ada contoh nya gak om?? gimna tampilannya

    • contohnya di sini http://www.mikloslegrady.com/tsaweb/pop-up.html

      contohnya di sini http://www.mikloslegrady.com/tsaweb/pop-up.html

  3. Om, ane mau tanya. Gimana cara menuliskan coding dalam sebuah…

    Om, ane mau tanya. Gimana cara menuliskan coding dalam sebuah artikel? Contohnya dalam artikel ini, ada teks yang ber-border biru itu. Terus untuk penulisan dalam kotak panel ntu pake plugin atau gimana?
    Mohon pencerahannya :)
    Kalo bisa buat artikel khusus untuk pembahasan ini :)

  4. Ternyata mudah sekali membuat popup windows…. tapi apakah jika digunakan…

    Ternyata mudah sekali membuat popup windows…. tapi apakah jika digunakan untuk iklan ppc gak melanggar peraturan tuh pak?

    • Kalo iklannya Om G jelas melanggar, kalo yang lain tergantung…

      Kalo iklannya Om G jelas melanggar, kalo yang lain tergantung Rule program masing2x

Leave a Reply

*

*