cara membuat spoiler

Oke deh, sekarang waktunya berbagi tips untuk membuat spoiler di blogger tersayang. Hehehehe Caranya gampang kok. Coba deh ikutin beberapa tips berikut:

1. Buat kode css, atau gampangnya silahkan copy paste kode berikut sebelum kode ]]></b:skin>, ini kodenya:

.commenthidden {display:none;}
.commentshown {display:inline;}

2. Selanjutnya, masukkan kode berikut diantara ]]></b:skin> dan </head>

Kodenya:

<script type='text/Javascript'>function togglecomments (postid) {var whichpost = document.getElementById(postid);if (whichpost.className=="commentshown") {whichpost.className="commenthidden"; } else { whichpost.className="commentshown"; }} </script>

3 Naah kalo udah jangan lupa save dulu yaah... Hehehehe
4 Sekarang, kalau teman-teman pengen menggunakan spoiler ini dipostingan. Maka setiap ingin menggunakannya teman-teman harus memasukkan kode berikut di postingannya. Adapun kode-nya adalah:

<a aiotitle="click to expand" href="javascript:togglecomments('Nama_Spoiler')"><img src="http://sulai77unlam.googlepages.com/newspoiler1.png" /></a><div class="commenthidden" id="Nama_Spoiler">Gambar/Tulisan di taroh di sini</div>

4. Untuk tulisan Gambar/Tulisan di taroh di sini itu bisa diganti dengan gambar atau tulisan yang ingin dimasukkan dalam spoiler. Trus kalo pengen ganti gambar tombolnya bisa kok. Teman-teman tinggal ganti aja alamat image-nya dengan alamat gambar tombol yang baru. Yaah ganti di mulai dari http://sulai77unlam.googlepages.com/newspoiler1.png. Hehehehehehe Oiya kalo dalam satu postingan spoiler-nya ada banyak maka Nama Spoiler harus berbeda untuk masing-masing spoiler. Ingat loh dalam satu spoiler ada 2 buah kode yang tulisannya Nama Spoiler, jadi dua-duanya harus diganti dengan nama yang sama dalam satu spoiler. Ngerti gak yaah... Hehehehe sori nih bahasanya agak kacau.... Wkwkwkwkw setansetansetan

5. Gimana asik kan, selamat mencoba yaah... Hehehehe

Yaah semoga aja postingan ini dapat bermanfaat bagi kita semua, amien

Artikel yang berkaitan