Script Cara Pasang Spoiler Pada Postingan Blog

Pastinya kalian sering menemukan blog yang terdapat spoiler pada postingannya. Tidak itu saja, jika kaslian sering jalan-jalan di forum-forum seperti kask*s pasti kalian sering melihat spoiler didalamnya ada gambar-gambar.

belum tau apa itu spoiler?

Spoiler adalah kolom kecil yang berfungsi sebagai penyimpan tulisan,naskah, foto atau sebuah kode Script juga bisa. 

jika kolom ini di push atau di klik maka akan terbuka dan memuat tulisan- kode yang di tulis di admin blog. 

Spoiler ini sangat berguna untuk menghemat tempat dalam blog dan juga berfungsi meringankan loading. 

Tetapi Spoiler ini tidak terbaca oleh Google, sehingga seandainya anda menyimpan suatu gambar disana maka seberat apapun gambar tersebut maka tidak akan terbaca oleh Mbah Google. Makanya sebagian besar teman banyak yang memanfaatkan Spoiler ini sebagai are teks banner sahabat yang banyak sekali memakan tempat dan memakan waktu loading blog.

dan kali ini saya kan Share Script Cara Pasang Spoiler Pada Postingan Blog.

Cara pasangnya mudah gak pake ribet.

Disimak ya.

• Tulis postingan baru
• Pilih HTML yah, jangan COMPOSE
• Paste kan Script di bawah ini

<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;"><b>DEMO SPOILER </b>: <input value="OPEN" 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 = 'CLOSE'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'OPEN'; }" type="button"> </div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">
“Isi dengan kode atau tulisan yang ingin anda muat dalam spoiler dang anti yang berwarna merah dengan sesuka hati anda”
<br> </div></div> </div>

Contoh:
DEMO SPOILER :

“Isi dengan kode atau tulisan yang ingin anda muat dalam spoiler dang anti yang berwarna merah dengan sesuka hati anda”

Keterangan:

• Anda bisa merubah tulisan berwarna merah DEMO SPOILER
• Edit kalimat berwarna biru sesuai yang kamu inginkan.
• Ingat Pastekan Script di atas di HTML bukan Di COMPOSE

Mudah kan???

Selamat mencoba.

Terimakasih telah membaca artikel Script Cara Pasang Spoiler Pada Postingan Blog dan Terimakasih telah berkunjung.

Semoga bermanfaat.