Membuat Spoiler pada Blog

Posted by : Adi Darmawan's Blog Rabu, 01 Mei 2013

بِسْمِ اللهِ الرَّحْمنِ الرَّحِيمِ

Assalamu'alaikum Wr.wb

Tahukan anda apakah spoiler itu apa? Sebelum kita bahas lebih lanjut, izinkan aku membahas topik ini secara ringkas (waduh, kog malah jadi terkesan formal bgt ya?). Spoiler itu sendiri merupakan kotak yang dapat diisi dengan script atau gambar, akan tetapi dapat di sembunyikan dengan maksud mengirit lembar posting. Jadi nggak cuman masalah uang yang musti dibuat irit, lembar posting juga boleh irit kog. he4x...,

Lihat contoh Spoiler dibawah ini :

Foto Q:

Judul Spoiler:

Untuk membuat spoiler seperti diatas tersebut bukanlah hal sulit, tentunya jika sudah tau kode scriptnya.(Ya Iyalah), kalo sobat belum tahu dan membutuhkannya maka ikuti langkah-langkah dibawah ini :

<div class="smallfont" style="margin-bottom: 2px;"><b>Judul Spoiler</b>: <input value="Buka" style="margin: 0px; padding: 0px; width: 55px; font-size: 12px;" 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">

</div>

Letakkan teks, kode script, gambar atau video yang sobat inginkan disini.

<br>

</div>

Copy Code Script diatas --> Buka Akun Blogger sobat ---> Buat Entri Baru

Setelah lembar kerja terbuka --> Pilih HTML dan paste sesuai tempat yang diinginkan.

Keterangan :

Sobat bisa merubah "Buka" atau "Tutup" dengan kata yang sobat inginkan.

Selamat mencoba... >>>

Semoga sedikit ilmu tadi bermanfaat buat sobat, kritik dan saran yang mendukung selalu saya harapkan.

Wassalamu'alaikum Wr.Wb