Cara Membuat Spoiler Buka Tutup

Apakah anda sudah tahu apa itu spoiler? Spoiler adalah tombol buka tutup untuk menyembunyikan konten, video, atau bisa juga kode HTML untuk Tutorial Blog. Dimana sudah ngerti kan.. Spoiler buka tutup ini akan di terapkan di postingan karena untuk menghemat tempat dan membuat pengunjung menjadi penasaran ingin membukanya. Bagaimana cara membuatnya? Tenang saja saya sudah menyiapkan kodenya, Apa perlu dilihatkan screenshotnya yah! iya deh biar anda semakin penasaran dimana sih spoiler itu. Berikut Screenshotnya

Judul Spoiller

Sebagai Contoh saja

Yah seperti itu gambaran dari Spoiler buka tutup. Langsung aja ke tutorialnya

• Pastinya sobat sudah login ke akun blogger
• Buat Postingan baru dulu
• Saat membuat postingan, Klik mode HTML
• Letakkan kode dibawah ini di kolom postingan HTML

<div><div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;">Judul Spoiler </span></i><input value="Show" style="margin: 0px; padding: 0px; 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 = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"/>
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">

Letakkan kode anda disini

 
</div></div></div></div>

•  Ganti Letakkan kode anda di sini dengan kode atau tulisan selera sobat.
• Selesaikan dulu postinganya 
• kemudian Save

Nah segitu saja Tutorial Cara Membuat Spoiler Buka Tutup. Kritik dan sarannya bisa melalui kotak komentar. Dan jangan lupa sering-sering berkunjung di blog ini. untuk menuggu tutorial selanjutnya. Terima Kasih.

Anda baru saja membaca artikel yang berkategori Tutorial Blog dengan judul Cara Membuat Spoiler Buka Tutup. Anda bisa bookmark halaman ini dengan URL https://malang-cyber4rt.blogspot.com/2013/02/cara-membuat-spoiler-buka-tutup.html. Terima kasih!

Ditulis oleh: Unknown - Tuesday, February 12, 2013