Cara Membuat Spoiler di Blog

Cara membuat spoiler di blog

Hajimemasite, mungkin anda pernah berkunjung atau malah ikut nimbrung di forum-forum, lagi-lagi asik baca ada tulisan klik disini, sudah diklik malah muncul yang engak-engak, mungkin anda yang juga pemilik blog jadi penasaran bagaimana si buatnya, tanyak sana, tanya sini, akhirnya nyangsang disini, hehehe, ok, lah, bagaimana kalau kita buat aja bersama-sama, oh ia itu namanya spoiler.


1.Anda siapkan dulu tulisan yang akan anda sisipkan.

2.Setelah itu anda klik HTML untuk memasukan code spoiler, yang berada pada pojok kiri atas pada halaman New Post.

3.Anda copy paste kode spoiler ini letakkan diatas text yang akan anda sembunyikan.

<div><div style="margin: 5px;"> <div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;">Click button</span></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" 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'; }" type="button"/> </div> <div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;"> <div style="display: none;">

Contohnya text yang saya beri warna kuning ini


Setelah itu anda copy paste lagi kode dibawah ini dibawah text diatas, maka hasil spoiler akan seperti dibawah :

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

Hasil Spoiler

Contohnya text yang saya beri warna kuning ini

Nanti anda bisa ganti tulisan Click Button, dengan tulisan anda sendiri, dan anda juga bisa menyisipkan gambar, widget atau yang lainya, dan spoiler ini juga bisa anda gunakan pada sidebar blog seperti disamping kanan ini,

OK nantikan Cara membuat spoiler edisi selanjutnya, sayonara.

Link : Cara Membuar Email Gmail

Anda baru saja membaca artikel yang berkategori Trik Blogger dengan judul Cara Membuat Spoiler di Blog. Anda bisa bookmark halaman ini dengan URL http://maniakadsense.blogspot.com/2011/11/cara-membuat-spoiler-di-blog.html. Terima kasih!

Ditulis oleh: Unknown - Kamis, 10 November 2011