Cara Membuat Dialog Box Widget

Dialog box widget atau kotak dialog adalah widget yang dapat di isi dengan teks atau kode. Widget ini dapat anda manfaatkan untuk memuat teks pemberitahuan, memuat widget lain dalam satu kolom, menampilkan iklan di blog anda, dan lain sebagainya. Kotak dialog ini juga dilengkapi dengan fasilitas buka tutup, sehingga dapat menghemat tempat. Disamping itu cara pembuatannya relatif mudah. Sekarang mari kita bahas cara membuat dialog box widget. Ikuti langkah berikut.

Log in ke blog anda
Klik Rancangan
Klik Tambah Gadget
Pilih HTML/JavaScript
Masukkan kode berikut ke dalamnya

<script src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#butShowHide').click(function()
{
$('#pShowHide').toggle();
});
});
</script>
<p id="pShowHide" style="display:none">Masukkan Tulisan, Kode Widget, Kode Iklan Anda di Sini</p><button id="butShowHide">Show/Hide</button>

Silahkan ganti Masukkan Tulisan, Kode Widget, Kode Iklan Anda di Sini sesuai petunjuk

Klik Simpan dan lihat hasilnya
Selamat mencoba dan sukses selalu

"keep spirits and do the best"