membuat spoiler | Tulisan Dika

Rabu, 09 Februari 2011

Home » » membuat spoiler

membuat spoiler

Spoiler, apa sih spoiler???
sayap mobil yah???
haha salah banget itu gelakguling
emang sih spoiler itu sayap mobil tapi lihat sisi lainnya, dalam blogger atau mungkin Kaskus barangkali, spoiler itu adalah kolom yang bisa di buka dan di tutup dan punya norder sendiri untuk kolom tersebut.

Apa sih fungsi spoiler itu, perasaan biasa saja dehh????
yaaa bisa dibilang fungsi spoiler hampir sama dengan scrool yaaa untuk menghemat tempat juga sob di dalam postingan, entah itu berupa gambar yang banyak atau tulisan yang banyaaaakkkk ihikhik, bedanya spoiler unik tau sob, simple deeehhh....

Contoh Spoiler:




halo halo haloooo sobat, ini niii yang dimaksud spoiler, hehe kayak kaskus aja ada spoilernya...

sobat bisa menulis atau meletakkan gambar apa saja di dalam sini, tertarik??? ikuti terus postingan saya ini, selamat membaca ria. hehehe





naaaahhh gimana???
tertarik sob buat belajar membuat spoiler???
terus baca kelanjutannya yaahhh...

Cara membuat spoiler :
  • Login ke Blogger anda
  • pilih Entri baru
  • tulislah sebuah artikel anda
  • lalu untuk membuat spoiler, cukup meng-copy paste kode berikut di postingan anda


Script buat Spoiler:


<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;"><b>Spoiler</b>: <input value="Open" style="margin: 0px; padding: 0px; width: 55px; font-size: 11px;" 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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" type="button">
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">


Letakkan kode script, HTML dan teks anda disini



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






Keterangan nih buat anda semua, huehehehe love
  • Untuk tulisan Open, Open, dan Close menunjukkan kata untuk tombol spoiler. Bisa anda ganti dengan kata yang anda inginkan.
  • Lalu untuk kata Spoiler menunjukkan kata untuk judul spoiler anda, bisa anda ganti juga dengan kata yang anda inginkan untuk judul spoiler anda
  • Untuk Letakkan kode script, HTML, dan teks anda disini menunjukkan isi dari spoiler anda, bisa anda ganti dengan isi tulisan atau gambar atau yang lainnya yang anda kehendaki untuk di spoiler-kan
  • Terakhir untuk width: 55px menunjukkan lebar ukuran dari spoiler anda, silahkan bisa anda ganti dengan kebutuhan anda.
gimana, sudah bisa dan mengerti belum ???? gatai
yasudah, selamat mencoba yah, kalau masih bingung hubungi dokter pribadi anda sob, o.k...
:woooh:

0 komentar:

:a: :b: :c: :d: :e: :f: :g: :h: :i: :j: :k: :l: :m: :n:

Posting Komentar

Silahkan Anda berkomentar jika anda mendukung blog ini agar terus maju.
----------------------------------------
| No SPAM, No Porn, No SARA |
----------------------------------------

Selamat datang dan selamat membaca artikel di Dika | Dika via Handphone Klik disini