Cara Memasang Spoiler di Blog

Mungkin dari sobat blogger semuanya, pastinya sudah tahu apa itu spoiler, apalagi yang sering main di forum tuh. Spoiler sudah pasti menjadi hal sering dipakai. Lalu kalau kita ingin menerapkannya di blog kita? emmmhh.. pastinya keren donk.

Sebelumnya kalau ada yang masih belum tahu, apa itu spoiler? Saya akan jelasin singkat saja.
==>> Spoiler adalah tombol yang diguanakan untuk menyingkat tempat atau menyembunyikan konten (teks, foto atau video) dengan klik untuk membuka dan menutup.

Contohnya bisa dilihat di bawah halaman ini :

Contoh Spoiler::
isi spoiler anda

Spoiler bisa juga dibuat di blog, lebih khusus dipostingan. Biasanya digunakan untuk membuat penasaran si pembaca dengan menyembunyikan terlebih dahulu. Untuk melihatnya dengan mengklik tombol spoiler itu. Selain itu juga untuk menghemat tempat, ya karena buka tutup itu (spoiler).

Cara Membuat Spoiler Pada Postingan Blog :

1. Login ke Blogger
2. Pilih New Post atau Entri Baru seperti membuat postingan biasa
3. Pilihlah pada mode Edit HTML bukan compose saat membuat postingan
4. Gunakan kode script berikut ini untuk membuat spoiler:
Script::
<div> <div style="margin-bottom: 2px;"> <i><b>Judul Spoiler anda:: </b></i><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: 10px; margin: 0px; padding: 0px; width: 60px;" type="button" value="Show" /></div> <div style="border: 1px inset; margin: 0px; padding: 6px;"> <div style="display: none;"> isi spoiler anda</div> </div> </div>


5. Kita dapat mengganti Judul Spoiler sesuai keinginan kita
 6. Klik Publish atau Terbitkan Entri jika sudah selesai.
sekian tips blogging dari saya...
Anda sedang membaca artikel tentang Cara Memasang Spoiler di Blog dan anda bisa menemukan artikel Cara Memasang Spoiler di Blog ini dengan url http://satrietama.blogspot.com/2012/05/cara-memasang-spoiler-di-blog.html, anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel Cara Memasang Spoiler di Blog ini sangat bermanfaat bagi teman-teman anda, namun jangan lupa untuk meletakkan link Cara Memasang Spoiler di Blog sumbernya.


Posted in , , . Bookmark the permalink. RSS feed for this post.

Tinggalkan Komentar Anda Di Sini


© 2012 This is My Zone All Rights Reserved | Harap DiBaca!!! | Contact | Sitemap | Stylished by FajarSatrie Tama Powered By Blogger  ^_^   Follow Blog  | Log In| Home