Membuat Pop-up

Apakah Pop-up itu..?
Pop-up adalah jendela iklan yang biasanya muncul secara tiba-tiba ketika kita mengunjungi sebuah halaman web. Biasanya dengan adanya Pop-up Iklan justru sering membuat orang jengkel dan bahkan tak jarang visitor enggan untuk berkunjung kembali.

Tapi, kali ini kita mencoba belajar menghias blog dengan tampilan jendela baru dengan ukuran sesuai yang kita inginkan. Jika Iklan popup kebanyakan memaksa visitor untuk melihat suatu pesan dari author, tapi disini kita hanya menawarkan visitor untuk melihatnya.

Singkat saja, langkah pertama sebelum membuat Pop-up, kita harus menentukan terlebih dahulu alamat URL yang akan dituju dan tentukan lebar halaman yang akan dibuat.
Sebagai contoh dengan menambahkan Element Baru pada blog,seperti biasa,Dashboard,lalu pilih Tata Letak, selanjutnya Tambah Element Baru/Add New Widget.

Pilih HTML/Javascript,dan letakkan kode berikut:

<center><form onsubmit="window.open('http://URL YANG AKAN DITAMPILKAN/','popupwindow','scrollbars=no, width=250,height=250');return true"><input type="submit" value="TEXT YANG TAMPIL PADA BUTTON"></form></center>

atau dengan kode berikut ini:

<a href="http://URL YANG AKAN DITAMPILKAN/" target="_blank">TEXT YANG TAMPIL PADA BUTTON</a>

Tulisan kapital dan angka yang berwarna merah,pada kode diatas,ganti sesuai perintah yang dituliskan dan rubah sesuai ukuran pilihan anda.

Setelah kode di letakkan Simpan,dan Selesai

Selamat mencoba...

Baca Juga Artikel Lain Berikut ini:

* Cara Menambahkan Tampilan Jam Pada Blog
* Cara Membuat Tulisan Berkedip-kedip
* Cara Menambah Image Pada Link Download
* Membuat Tulisan Bergerak
* Cara Mengganti Template Pada Blogspot
* Cara Menambahkan Gambar Slideshow Pada Blog
* Menambahkan Dafter Isi Pada Blog
* Menambahkan Tampilan Video Kedalam Blog
* Cara Membuat Menu Dropdown Standart
* Cara Membagi Postingan Menjadi Dua Kolom
* Cara Merubah Domain Dari Blogspot Menjadi .co.cc
* Memberi Background Warna Pada Tulisan Postingan
* Cara Membuat Pop-up
* Membuat Link Dalam Gambar
* Cara Membuat Kotak Tabel Dalam Postingan
* Cara Membuat Menu Drop Down Menggunakan CSS Menu Maker
* Membuat Kolom Scroll
* Cara Membuat Share Artikel
* Cara Membuat Text Area dan Textbox Area Berfasilitas Select All
* Cara Membuat Readmore
* Cara Membuat Iklan Melayang