The Spoiler...

Spoiler.. hmm.. pasti sudah tidak asing lagi bagi kalianakan kata ini.. terutama bagi para kaskuser yang sudah sangat paham akan halini... bagi yang masih belum paham... silahkan baca nie...

Spoiler adalah suatu teknik yang mana dapat membuat tulisantersebut dapat kita ubah ke bentuk show (muncul) ataupun hide (ngumpet)...spoiler digunakan terutama ketika kita sedang ingin menghemat space pada suatutulisan yang akan kita buat di dunia maya... sebagai contoh.. kaskuserpengennya posting A misalnya.. karena A itu panjang dan lebar.. kaskuser yangdimaksud bakal nampilin postingan (thread kalo di kaskus) ntu dalam bentukspoiler untuk membuat pembaca menjadi fokus ngebacanya.. misal A ntu ada 3 babyakni a, b, dan c... masing – masing dijadiin spoiler, dimasukin ke spoilertepatnya... jadi nantinya, pembaca tinggal klik bab yang ingin di baca apakahitu a, b atau c...  sehingga pembaca gakbingung saat ngebacanya...

Masih bingung...?? baca aja beberapa thread di kaskus, pastideh nemu yang namanya spoiler...
Nah, lanjut lagi... Di kaskus, bikin spoilernya ga sesusahbikin spoiler di blog... bikin spoiler di kaskus cukup dengan mengetikkanscript dibawah ini pada saat mempostingan...

[Spoiler=”judul spoiler”] “isi spoiler” [/Spoiler]

Keterangannya... 1. Pada “judul spoiler” isi apa namaspoiler kamu... 2. “isi spoiler” berisikan isi dari spoiler kamu, entah itugambar, tulisan atau apa deh terserah kalian... lalu bagian script [/Spoiler]bisa diketik dengan menekan enter sebelumnya...

Nah, itu kan baru bikin spoiler di kaskus, gimana kalo bikinspoiler di blog..?? scriptnya lain lagi, agak ribet memang karena ntu bener –bener html... tapi mumpung saya dapat searc scriptnya di google, jadi saya infoinke kalian sekarang...
Untuk spoiler blog, scriptny kayak gini...

<div>
<div style="margin: 5px;">
<div class="smallfont"style="margin-bottom: 2px;">
<i><span style="font-weight: normal;">................judul samping spoiler.................</span></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 = '..........judulyang diklik........'; } else {this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display= 'none'; this.innerText = ''; this.value = '...............judulyang diklik..............'; }" style="font-size: 10px; margin:0px; padding: 0px; width: 60px;" type="button" value="............................judul yang diklik......................." /></div>
<div class="alt2" style="border: 1pxinset; margin: 0px; padding: 6px;">
<div style="display: none;">

,.....................disiniisinya...................,

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

Ribet kan..?? tapi kalo di coba sekali aja langsung bisa..
Diatas ntu kan ada merah – merah tu tulisannya, berartidisitu kita bebas nulis apa pun seperti petunjuk yang telah dikasi disana,misalnya ,.....................disiniisinya..................., kita tulis isi postingan kita.. gampangkan... selamat mencoba... Oya, mulai posting selanjutnya, akan digunakanspoiler sebagai pelengkap, biar bacanya ga susah – susah.... Bye – bye... J

0 jejak: (+add yours?)

Posting Komentar