Percantik Blog dengan Membuat Jendela Spoiler

Dear all!!! Cara buat spoiler diblog ternyata gampang dan tidak susah, sama halnya seperti kita membuat postingan diblog. Sebelumnya saya akan coba mengilustrasikan terlebih dulu, Apa itu Spoiler? Begi teman-teman yang belum tahu apa itu Spoiler, disini saya akan beri sedikit gambaran tentang apa sebenarnya Spoiler itu sebelum kita membuat spoiler di blog. Spoiler adalah sebuah Jendela yang biasanya digunnakan para blogger/ netter untuk menyembunyikan konten atau isi baik itu berupa gambar, foto, video, maupun text dalam ruangan khusus... di dalam blog atau website mereka, dan konten atau isi yang disembunyikan di spoiler pada blog ini akan terlihat ketika kita mengklik tombol perintah spoiler diblog tersebut. Anda suudah dapat ilustrasinyakan..!!!!

Nah setelah anda mengklik tombol spoiler diatas maka content atau isi yang bereupa gambar, video, atau text anda akan berada diruas ini. Anda sudah bisa memahami Apa itu Spoiler diblog bukan??? :D

Kegunaan dari membuat spoiler di blog atau website adalah, kita bisa menghemat ruas blog/ website, dan mempercantik blog. Sehingga kita bisa menambahkan konten pada blog dengan ide-ide baru. Jadi anda bisa memamfaatkan ruas blog dengan menggunakan cara membuat spoiler di blog.

Baiklah!! Sekarang kita tinggal bagaiman cara membuat Spoiler diblog? Caranya sangat sederhana, anda tinggal ikuti cara berikut ini.

Cara Membuat Spoiler di Blog
1. Login ke Blogger
2. Pilih New Post atau Entri Baru seperti membuat postingan biasa
3. Pilihlah pada mode Edit HTML saat membuat postingan
4. Gunakan kode script dibawah ini untuk membuat spoiler:

<div style="margin: 5px 30px 30px;">
<div class="smallfont" style="margin-bottom: 2px;"> <input value="Buka" style="margin: 0px; padding: 0px; width: 70px; font-size: 15px;" 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;">

Konten anda ada disini

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

Demikianlah cara membuat Spoiler diblog semga bermanfaat. Salam Sukses.





Description: Percantik Blog dengan Membuat Jendela Spoiler Rating: 4.5 Reviewer: Unknown - ItemReviewed: Percantik Blog dengan Membuat Jendela Spoiler