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
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;">
<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.
</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.
Sekian, sharing mengenai Cara Membuat Spoiler di Blog. Terima Kasih
- 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...
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!!!
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 <<
- 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...