Cara Menciptakan Dampak Spoiler Auto Hide Di Blog

Cara Membuat Efek Spoiler Auto Hide di Blog, auto hide pada postingan, widget maupun yang lainnya pada blog sanyatlah menarik dan menciptakan tampilan blog kita makin simple dan keren. untuk blogger pemula tentunya ini sangat menciptakan gundah dan terkagum-kagum, spoiler atau auto hide tentunya tidak asing, sebab banyak yang sudah memakai efek auto hide.

Karena banyak teman yang tanya perihal spoiler auto hide, maka kali ini saya share Cara Membuat Efek Spoiler Auto Hide di Blog. jadi sobat-sobat sanggup eksklusif mencobanya. jikalau tertarik sobat sanggup mncobanya diblog sobat, asalkan tidak diblog kang zain. hehhehe namun sebelumnya saya kasih contoh dibawah ini :

Gambar Jamur 3D:

HUMOR (Guru bertanya cita – cita kepada muridnya):

Guru : “Dillah cita- cita kau apa..?”
Dillah : “jadi polisi bu, kalau ada penjahat yg ganggu ibu saya sanggup menembak dan nangkap mereka..! gratis untuk ibu”
Guru : “Dillah ibu jadi terharu, Ferdi kau jadi apa..?”
Ferdi : “jadi dokter bu, kalau penjahat melukai ibu sanggup ku rawat, buat ibu gratis..!”
Guru : “ibu jadi sangat terharu , kalau kau otong mau jadi apa..?”
Otong : “Tukang gali kubur bu.! kalau Dillah tidak berhasil menangkap dan penjahat berhasil melukai dan ferdi gak berhasil merawat ibu dan ibu meninggal. kan sudah ku sediain kuburan.. Gratistististis untuk ibu.”
Guru dengan kesal dan berkata: “Dasar kampret keluar dari ruangan sekarang..” Hahaha….

Nah,,, gmana sudah coba pola diatas? jikalau sobat tertarik, ikuti langkah berikut ini Cara Membuat Efek Spoiler Auto Hide di Blog :

1. Login ke akun blogger dahulu.
2. Buat Entri Baru/New Post = Membuat postingan
3. Jika sudah, pada sajian Entri, Pilih mode penulisan HTML (Bukan Compose) jikalau ingin menerapkan Spoiler/AutoHide. Jika dipasang pada Mode Compose maka tidak akan berfungsi code scriptnya.
4. Lalu copas Script dibawah ini pada postingan yang akan dipasang autohide.

<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;"><b>Judul Spoiler</b>: <input value="Buka" 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 = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" type="button">
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">
Letakkan teks atau isyarat script (gambar atau video), link di sini  <br>
</div>
</div>
</div>

Catatan :

Judul Spoiler : Silahkan sobat ganti sesuai cita-cita sobat
Tutup dan Buka : petunjuk untuk melihatnya (bisa sobat ganti sesuai keinginan)
Letakkan teks atau isyarat script (gambar atau video), link di sini :sobat ganti goresan pena tersebut dengan kata-kata sobat atau dengan isyarat script gambar atau viveo.

sudah simpulan sobat,,, waktunya praktek. hehehe sekian dulu share Cara Membuat Efek Spoiler Auto Hide di Blog kali ini biar bermanfaat. sobat ingin tutorial lengkap klik disini. atau ingin mempercantik blog DISINI.

Sumber:

/search?q=cara-membuat-spoiler-autohide-di-blog

Bagikan Artikel ini