Cara membuat Popup dengan J-Query

Saya ingin berbagi ilmu dengan anda sekalian tentang bagaimana Cara membuat Popup dengan J-Query.

Contoh dalam tampilan untuk Buku Tamu

Contoh dalam tampilan untuk Buku TamuCATATAN : Mungkin ini kurang bekerja baik pada Handphone ataupun Internet Explorer

1. Pertama ke Template blog kamu
2. Lalu ke Edit Template HTML
3. Selanjutnya Centang tulisan Expands Widget Templates
4. Lalu letakkan kode dibawah ini diatas kode </head>

<!-- Kode romadhon byar --><script type="text/javascript" src="http://romadhon-byar.googlecode.com/files/Popup-dengan-js.js"></script><link rel="stylesheet" type="text/css" href="http://pelajarandashblogdotblogspotdotcom.googlecode.com/files/highslidepelajaranblog.css" /><script type="text/javascript">hs.graphicsDir = 'http://layanan.oposisi.net/tampilan/bingkai/';hs.outlineType = 'rounded-white';hs.wrapperClassName = 'draggable-header';</script><!-- Kode romadhon byar Sampai di sini -->Lalu simpan Templates. Dan selanjutnya untuk menampilkannya pada widget :

1. Pertama ke Layout
2. Lalu pilih Add a Gadget
3. Selanjutnya pilih HTML/Javascript
4. Kemudian letakkan kode berikut ini :

<a href=" DISINI KAMU BISA MEMASUKKAN URL BUKU TAMU,URL GAMBAR,DLL " class="highslide"onclick="return hs.htmlExpand(this, { objectType: 'iframe', width: 270, height: 300,} )"> DISINI KAMU BISA MEMBERI NAMA TOMBOLNYA </a>Selanjutnya simpan dan selesai .Keterangan Warna :

1. Yang berwarna MERAH , kamu dapat meletakkan URL Buku Tamu , URL Gambar , dan lain-lainnya.
2. Yang berwarna HIJAU , kamu dapat memberi nama tombol sesuai kebutuhan kamu.
3. Yang berwarna BIRU , kamu dapat mengubahnya sesuai kebutuhan kamu.

Selamat mencoba dan semoga berhasil ya... Jika kamu suka dengan postingan ini kamu bisa Share postingan ini...