Cara Membuat Spoiler di Postingan dan Post Footer Blog

Spoiler berfungsi cukup effective untuk membuat postingan blog yang panjang lebih rapi dan ringkas. Serta kode-nya pun juga cukup ringan. Tulisan yang terdapat di dalam spoiler masih terindeks oleh google itulah kelebihan dari spoiler.
Berikut ini adalah spoiler dari gambar diatas.

How To Download File :

Click on Show :

1. Pemasangan spoiler dalam postingan
Cara pemasangan Spoiler dalam Postingan, Anda cukup memilih "Edit HTML" ketika menulis postingan, copy paste kode berikut ke postingan anda.

<div><b><span style='font-family: 'Trebuchet MS', sans-serif;'>How To Download File :</span></b><div style='margin: 5px 20px 20px;'><div class='smallfont' style='margin-bottom: 2px;'><b>Click on Show</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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }' style='font-size: 11px; margin: 0px; padding: 0px; width: 55px;' type='button' value='Show'/></div><div class='alt2' style='border: 1px inset; margin: 0px; padding: 6px; text-align: left;'><div style='display: none;'> TEXT AREA ANDA DISINI  </div></div></div></div>

2. Pemasangan spoiler di Post Footer
Login ke Dasbor
Pilih Rancangan, selanjutnya "Edit HTML"
Cari ( Ctrl + F) kode berikut <b:include data='post' name='shareButtons'/>
Copy Paste kode berikut ini tepat di bawah kode </div> pertama setelah kode diatas
<b:include data='post' name='shareButtons'/>

</div> (tag penutup </div> pertama)
"Paste Kode Spoiler anda"

3. Lihat kode

<div><b><span style='font-family: 'Trebuchet MS', sans-serif;'>How To Download File :</span></b><div style='margin: 5px 20px 20px;'><div class='smallfont' style='margin-bottom: 2px;'><b>Click on Show</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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }' style='font-size: 11px; margin: 0px; padding: 0px; width: 55px;' type='button' value='Show'/></div><div class='alt2' style='border: 1px inset; margin: 0px; padding: 6px; text-align: left;'><div style='display: none;'> TEXT AREA ANDA DISINI  </div></div></div></div>

4. Simpan template anda
Semoga Sukses