Karena
iseng dan penasaran bagaimana bikin blog bikin rapi yah atau agar tulisannya
gak acak-acakan jadi hari ini iseng mencari digoogle cara bikin spoiler, dan
gak nyampe semenit pun ketemu, yah walau yang mencoba buat spoiler aja
yang sedikit bingung.
Oke langsung aja ke intinya
nah kalau mau membuat spoiler itu gak susah banget, kalau cuma copas doang tapi kalau nulis sendiri yah itu pasti bakal ribet. Nah disini, aku bakal ngasih scriptnya aja biar lebih mudah.
<div id="spoiler" style="display:none">
konten yang disembunyikan
</div>
<button title="Klik untuk melihat/menyembunyikan" type="button" onclick="if(document.getElementById('spoiler') .style.display=='none') {document.getElementById('spoiler') .style.display=''}else{document.getElementById('spoiler') .style.display='none'}">Open/Close</button>
nah itu scriptnya
Yang kalimat berwarna biru artinya isi dari spoiler, terserah mau disi apaan.
Sedangkan yang berwarna merah itu untuk judul spoilernya.
Kalau sudah silahkan copas scriptnya dan cara menggunakannya ke blog
1. Buka blog mu sendiri karena gak mungkin mau bikin post pake blogku kan,
2. Pilih new post atau kalau yang pakai bahasa indonesia postingan baru,
3. Ganti tab yang "compose" ke tab "HTML" nah disana baru paste/tempel script yang udah di copy/salin tadi.
4. Dan silahkan ubah yang tulisan biru tadi ke tulisan yang mau di spoiler.
Dan untuk hasil jadinya bisa liat yang dibawah ini
Oke langsung aja ke intinya
nah kalau mau membuat spoiler itu gak susah banget, kalau cuma copas doang tapi kalau nulis sendiri yah itu pasti bakal ribet. Nah disini, aku bakal ngasih scriptnya aja biar lebih mudah.
<div id="spoiler" style="display:none">
konten yang disembunyikan
</div>
<button title="Klik untuk melihat/menyembunyikan" type="button" onclick="if(document.getElementById('spoiler') .style.display=='none') {document.getElementById('spoiler') .style.display=''}else{document.getElementById('spoiler') .style.display='none'}">Open/Close</button>
nah itu scriptnya
Yang kalimat berwarna biru artinya isi dari spoiler, terserah mau disi apaan.
Sedangkan yang berwarna merah itu untuk judul spoilernya.
Kalau sudah silahkan copas scriptnya dan cara menggunakannya ke blog
1. Buka blog mu sendiri karena gak mungkin mau bikin post pake blogku kan,
2. Pilih new post atau kalau yang pakai bahasa indonesia postingan baru,
3. Ganti tab yang "compose" ke tab "HTML" nah disana baru paste/tempel script yang udah di copy/salin tadi.
4. Dan silahkan ubah yang tulisan biru tadi ke tulisan yang mau di spoiler.
Dan untuk hasil jadinya bisa liat yang dibawah ini
Dan hampir saja lupa sebelumnya kalau mau buat spoilernya usahakan bikin spoilernya duluan kalau gak duluan ntar bakal seperti ini pas pindah ke tab HTML, kalau yang mengerti script mah hal seperti ini bukan masalah, tapi kalau yang cuma tau bikin tulisan bakal ribet
Ah.. sampai lupa cantumkan sumber, dan ini dia sumbernya http://www.bloggersentral.com/2009/12/create-show-hide-or-peek-boo.html berterima kasihlah kepada yang bikin jadi kita tinggal copy-paste. :)
Salam jumpa
Ah.. sampai lupa cantumkan sumber, dan ini dia sumbernya http://www.bloggersentral.com/2009/12/create-show-hide-or-peek-boo.html berterima kasihlah kepada yang bikin jadi kita tinggal copy-paste. :)
Salam jumpa
Comments
Post a Comment