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 :

TEXT AREA ANDA DISINI

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