Gallery Information

Blog Spoiler

Friday, June 24, 2011 aandfx

Spoiler - Fitur yang satu ini juga tidak kalah menariknya, selain bisa menghemat ruang juga bisa anda pakai untuk menyembunyikan text, widget atau gambar. Misal text yang anda pakai maka text tersebut tidak akan muncul sebelum anda click. Mirip dengan text area dan scrollbox cuma tampilanya yang berbeda. ingin tahu seperti apakah spoiler ini berfungsi? Silahkan anda coba dan ikuti langkah langkahnya berikut ini.

Tutorial Spoiler

1. Masuk Akun Blogger

2. Pilih Rancangan/Design

3. Pilih Laman Elemen/Add Page Elemen

4. Pilih Tambah Widget/Add Widget

5. Silahkan copy kode HTML dibawah ini dan letakan di dalamnya

<div style="margin-bottom: 2px;"><span style="color: #000080;"><strong>Judul Spoiler </strong></span>
<div style="margin-bottom: 2px;">
<div style="margin-top: 1px; text-align: left;"<input style="margin-top: 5px; width: 60px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != ") { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = "; this.innerText = "; this.value = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = "none"; this.innerText = "; this.value = "Buka"; }" type="button" value="Buka" /></div>
<div style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">Isi spoiler disini bisa berupa gambar, text atau widget</div>
</div>
</div>

6. S A V E

Keterangan :
Untuk Warna Pink : Merupakan Judul Spoiler
Untuk Warna Merah : Text yang berada di tombolnya bisa anda ganti dengan kata yang lain
Untuk Warna Kuning : Isi dari Spoiler, silahkan anda masukan disini
Lihat Hasilnya, Jika masih kurang silahkan anda rubah sesuai dengan keinginan anda. yang jelas semakin anda rubah akan membuat anda semakin bertambah ilmu anda. Semoga bisa bermanfaat dan bisa dipahami dengan mudah oleh para blogger lainya terutama blogger pemula.
Terima Kasih