Cara Membuat Spoiler di Blog

Setelah saya membuat y2pgames, kali ini saya membuat y2pblog. Kalau sebelumnya y2pgames adalah tempat download games, y2pblog adalah tempat saya untuk share tips & trik seputar blogging. Oke langsung saja kita ke tema pertama. Sekarang saya akan share cara untuk membuat kode spoiler di blog. Kode spoiler merupakan kode yang sering saya pakai, kode ini berfungsi untuk menyingkat suatu paragraf dan menjadikannya sebuah kotak yang bisa di buka tutup. Yang ingin mencobanya di blog anda silahkan lihat caranya di bawah

Cara Memasang Spoiler di Blog :

1.Buka Postingan yang ingin anda beri kode spoiler.

2. Klik tombol 'HTML' yang ada di sebelah tombol Compose untuk memperlihatkan kode dari postingan     tersebut

3. Copy Kode ini dalam layar HTML

Kode Spoiler:

<div style="margin: 5px 20px 20px;">
<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>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">
Letakkan teks atau kode script (gambar atau video) di sini
 <br>
</div>
</div>
</div>

4. Ganti Huruf yang diwarnai merah dengan kata/ kalimat yang kalian inginkan

5. Publikasikan Postingan anda, dan SELESAI !!!

Anda sekarang bisa menggunakan spoiler untuk postigan anda.

~ SEMOGA BERMANFAAT ~