cara buat spoiler di blog

Hehehehe... Kemaren ada yang bilang kalo blog saya lambat untuk dibuka. Wuiihhh saya pun segera mencari-cari di mana letak kesalahan, dan segera memperbaiki. Untungnya ada temen saya yang ngasih tau beberapa trik. Termasuk sahabat blogger saya bro Lafa... hehehe yang ngasih tips buat ngompress CSS blog saya. Yaah selain itu juga kayanya blog saya kebanyakan gambar. Hehehehe Padahal template-nya udah sengaja dibikin putih biar gak banyak makan gambar. Ehh ternyata masih banyak hal lain yang berpengaruh lo. Termasuk emoticon.

Naah mulai sekarang saya mau ngurangin gambar-gambar dulu, hehehehe Nguranginnya bukan dihilangkan sama sekali lo... Tapi menggunakan trik spoiler aja, biar gak makan tempat dan juga lebih hemat bandwidh. Hohohoho Soalnya gambarnya gak ikut diload, kecuali kalo spoiler-nya dibuka, baru gambarnya terload. Hihihihihi


Hmmm kalo ngurangi emoticon kayanya ntar dulu deh, soalnya saya suka dan lebih menggambarkan suasana hati saya saat memposting di blog. Hehehehe

Oke deh, sekarang waktunya berbagi tips untuk membuat spoiler di blogger tersayang. Hehehehe Caranya gampang kok. Coba deh ikutin beberapa tips berikut:
Buat kode css, atau gampangnya silahkan copy paste kode berikut sebelum kode ]]>, ini kodenya:
.commenthidden {display:none;}
.commentshown {display:inline;}
Selanjutnya, masukkan kode berikut diantara ]]> dan

Kodenya:




Naah kalo udah jangan lupa save dulu yaah... Hehehehe
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:





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
Pengen liat spoiler itu seperti apa, lihat deh di bawah ini...


Cuman untuk tes... Hehehehe


Gimana asik kan, selamat mencoba yaah... Hehehehe
Yaah semoga aja postingan ini dapat bermanfaat bagi kita semua, amien