Membuat Spoiler di dalam Postingan Blog

As Khairi - Membuat Spoiler di dalam Postingan Blog bagi sebagian blogger adalah perlu. Kenapa? karena dengan adanya spoiler, bisa memperpendek tampilan postingan dan juga kelihatan rapi. Berikut contohnya :

Spoiler:

Efek Shadow atau Bayangan pada Background Blog

Tertarik ingin Mencoba?

Berikut cara Membuat Spoiler di dalam Postingan Blog :

Sobat hanya memasukkan kode dibawah ini dalam pembuatan postingan blog. Klik HTML untuk mengubah pola pengeditan ke type HTML. Berikut Kode Membuat Spoiler di dalam Postingan Blog :

Kode:

<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;"> <b>Kode</b>: <input 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'; }" style="font-size: 12px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Buka" /> </div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">

Ganti Dengan Teks, Gambar, Video atau Kode Sobat 

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

Selamat Mencoba Membuat Spoiler di dalam Postingan Blog. Semoga bermanfaat bagi sobat blogger semua.