Cara Membuat Spoiler di Blog

Spoiler adalah istilah untuk menyembunyikan suatu data baik berupa text, gambar, video, atau mungkin javascript. Tujuan dari spoiler adalah untuk membuat postingan/artikel blog lebih eyefriendly karena disini dimaksudkan untuk menyederhanakan isi dalam suatu artikel. Atau bisa juga untuk tujuan yang lain.


Contohnya seperti ini:

Spoiler:
Halo :)
Lebih jelasnya manfaat dari penggunaan spoiler ini dapat andalihat di postingan saya yang ini
Sabun-sabun yang Unik

Untuk langkah-langkahnya cukup mudah,

anda copy semua kode dibawah


<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;">Spoiler: <input value="Lihat" style="margin: 0px; padding: 0px; width: 55px; font-size: 11px;" 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 = 'Lihat'; }" type="button">
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">
ISI KODE HTML,SCRIPT,TEXT,GAMBAR DISINI
<br>
</div>
</div>
</div>



Setelah itu anda masuk ke entri baru / new post yang akan dibuat spoiler. Lalu pilih HTML (sebelah kanan compose), kemudian paste kode diatas disitu.
Setelah itu tulisan warna merah datas bisa anda ganti dengan teks,gambar,dll..

Selamat mencoba sobat, semoga berhasil ^_^


Jangan lupa di share ya :)

Artikel Terkait:

1 komentar - Skip ke Kotak Komentar

Uem Cuters said...

Saya coba terapkan gan, trims ya. Ditunggu kunjungannya...

Post a Comment - Kembali ke Konten

Silakan tinggalkan komentar Anda mengenai artikel ini. Terimakasih

Related Posts Plugin for WordPress, Blogger...
 

HiStats Info