Cara Membuat Spoiler di Blog

Spoiler sering sekali kita temukan ketika singgah di forum website, di dunia blog pun sangat sekali di butuhkan sebab bisa menyederhanakan tampilan ketika kita mengepost banyak konten agar menghematkan area yang ada, kontennya bisa gambar, video atau teks sekalipun.
Ini juga bisa menghemat loading blog, betapa tidak.. karena spoiler bisa menyembunyikan konten yang berat yang membuat lola load blog dan  akan tampil konten tersebut ketika kita mengklik tombol spoiler tersebut.
Baik, tentunya pertama kali yang mesti dilakukan oleh sobat login dulu ke akun blognya sobat.
Dan silakan masukan skrip di bawah simpan saja di postingan blog sobat. ~ _ O
<div>
<div style="margin-bottom: 5px;">
<div class="smallfont" style="margin: 2px;">
<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 = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" style="font-size: 12px; margin: 0px; padding: 0px; width: 60px;" type="button" value="Show" />
</div>
<div class="alt2" style="border: 1px inset; margin: 5px; padding: 1px;">
<div style="display: none;">

Isi Spoiler . . .

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


Diatas ialah merupakan simulasi yang hanya menampilkan teks biasa saja, dengan bisa di ganti yang teks berwarna merah, kalo misalkan sobat ingin menampilkan teks HTML mesti di parse dulu bisa di "Parse HTML".
Kemudian kalo sobat menginginkan menampilkan gambar di dalam spoiler ini, masukan saja skrip ini dengan mengganti teks yang berwarna merah di atas => <image src="alamat url gambar">

Contoh nya kurang lebih seperti ini, skrip diatas merupakan skrip spoiler blog yang pada umumnya, sobat bisa memodifikasinya kembali menjadi yang lebih menarik.



Isi Spoiler . . .







Sekian, sharing mengenai Cara Membuat Spoiler di Blog. Terima Kasih
Perlu Diingattt :
Apabila di arahkan ke halaman :
- shorte.st atau adf.ly, tunggu sejenak 5 detik dan mengklik tombol skip/lewati
- ke ouo, centang anda bukan robot dan tunggu 5 detik lalu get link, kemudian otomatis ke hosting download tersebut. Apabila sobat kesulitan ada panduan cara downloadnya klik >> disini <<
PERHATIAN!!!
- Jika kamu kesulitan mengunjungi halaman adf.ly, bisa atasi dengan cara INI
- Jika ada link mati atau bermasalah, laporkan saja langsung ya ke SINI. Terima Kasih. Enjoy...

Langganan Software Gratis
Previous
Next Post »