Cara Menciptakan Pengaruh 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 galau dan terkagum-kagum, spoiler atau auto hide tentunya tidak asing, sebab banyak yang sudah memakai efek auto hide.

Karena banyak sobat yang tanya perihal spoiler auto hide, maka kali ini saya share Cara Membuat Efek Spoiler Auto Hide di Blog. jadi sobat-sobat sanggup pribadi mencobanya. bila 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? bila 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 hidangan Entri, Pilih mode penulisan HTML (Bukan Compose) bila 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 arahan script (gambar atau video), link di sini  <br>
</div>
</div>
</div>

Catatan :

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

sudah tamat 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:

https://freedownloadappfree.blogspot.com/search?q=cara-membuat-spoiler-autohide-di-blog