Kamis, 19 April 2012

0 cara membuat tombol view pop up

Chyberart - Apakah anda sudah pernah mendengar tetang tombol view pop up?. Tombol view pop up adalah tombol yang sering digunakan oleh banyak orang untuk menampilkan url atau alamat web/situs pada jendela baru. Fungsi dari tombol view pup up ini sering dimanfaatkan untuk menampilkan informasi tersimpan seperti iklan, gambar, info profil, dll. Tampilan halaman yang akan muncul setelah anda mengklik tombol view pup up haya akan muncul seper empat dari kapasitas jendela pada umumnya.

Contohnya seperti dibawah ini:

Tombol view pup up bisa anda letakan dimana saja, misalkan di sidebar atau di dalam postingan anda. Untuk membuat tombol view pup up caranya tidak sulit, asalkan anda mengikuti proses pembuatanya dengan benar saya pastikan bisa. langkah-langkah membuat tombol view pup up adalah sebagai berikut :
  1. Pastikan anda sudah masuk kehalaman blog anda
  2. Pilih Rancangan >Elemen halaman >Add a gadget

  3. Kemudian tambahkan HTML/JavaScript

  4. Akan muncul Box HTML/JavaScript seperti ini :

  5. Copy kode berikut

  6. <center><form onsubmit="window.open('http://ALAMAT URL','popupwindow','scrollbars=no, width=300,height=300');return true"><input type="submit" value="TULISAN PADA TOMBOL"></form></center>

    Keterangan :
    Perhatikan warna merah,hitam cetak tebal,biru dan warna ping. warna merah adalah kode untuk mengatur posisi tombol <center></center> adalah posisi tombol berada ditengah jika anda ingin tombol ada di kiri bisa anda ganti dengan <right>dan ditutup dengan </right> kemudian warna hitam cetak tebal silahkan anda ganti dengan alamat url yang anda inginkan kemudian warna biru adalah ukuran tampilan halaman baru yang akan muncul silahkan anda sesuaikan dan yang terakhir dalah nama tombol silahkan anda ganti tulisan sesuai dengan keinginan anda


  7. Paste pada halaman HTML/JavaScript yang sudah disediakan

  8. Kemudian Klik simpan dan selesai
Itulah sekilas tutorial sederhana yang bisa anda manfaatkan untuk blog anda. Semoga bermanfaat

0 komentar:

Poskan Komentar