CARA MEMBUAT SPOILER

Assalamualaikum wr. wb.

pertama-tama marilah kita panjatkan Puja Puji ke Khadirat Illahi Rabbi, yang telah memberikan curahan nikmat iman islam. tak lupa semoga shalawat serta salam selalu tercurahkan kepada junjungan nabi Muhamad saw. kepada para shabat, keluarga, suhada, sampai pada kita selaku umatnya, amin.

baiklah sekarang kita langsung pada judul diatas, yaitu.... (suara drum) CARA MEMBUAT SPOILER.... yah mungkin kalian semua udah pada tahu, hehe... tapi ana cuma sekedar share aja, sekedar nyimpen. ana tuh orangnya pelupa, maklum tingkat pelupa ana udah nyampe stadium 2,5 x 4 : 5 (kagak jelas, hehe)

spoiler adalah sebuah cara yang dipake untuk menyembunyikan suatu link, berbagai lonk, kumpulan link, gambar, tulisan, dan sebagainyanya. dengan tujuan untuk menghemat tempat pada postingan.

Langsung aja gan
cara membuat spoiler :

1. Cara membuat Spoiler tanpa background
kodenya :

<div id="spoiler"><div><input style="font-size: 11px; font-weight: bold; margin: 5px; padding: 0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = ''; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = 'none'; this.innerText = ''; this.value = 'TUTUP'; } else { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = ''; this.innerText = ''; this.value = 'LIHAT LAGI'; }" name="button" type="button" value="CONTOH SPOILER TANPA WARNA BACKGROUND" /></div><div id="show" style="border: 1px solid white; display: none; margin: 5px; padding: 2px; width: 98%;"><p style="text-align: justify;">Dalam pengertian selanjutnya Spoiler itu adalah sebuah cara yang dipakai untuk menyembunyikan suatu link atau kumpulan link, kumpulan teks, gambar, seluruh atau sebagian isi dari postingan blog dan lain-lain dengan menggunakan kode html. Tujuannya adalah untuk menghemat space atau ruang dalam suatu postingan atau sidebar. Keuntungan lain menggunakan Spoiler adalah bisa mengurangi waktu loading, maksudnya adalah, jika kita menggunakan spoiler pada gambar, maka blog kita tidak akan terkena beban loading yang bisa memberatkan. Spoiler juga bisa digunakan untuk menyembunyikan video agar loadingnya tidak berat.</p></div><div id="hide"></div></div></div>

Dalam pengertian selanjutnya Spoiler itu adalah sebuah cara yang dipakai untuk menyembunyikan suatu link atau kumpulan link, kumpulan teks, gambar, seluruh atau sebagian isi dari postingan blog dan lain-lain dengan menggunakan kode html. Tujuannya adalah untuk menghemat space atau ruang dalam suatu postingan atau sidebar. Keuntungan lain menggunakan Spoiler adalah bisa mengurangi waktu loading, maksudnya adalah, jika kita menggunakan spoiler pada gambar, maka blog kita tidak akan terkena beban loading yang bisa memberatkan. Spoiler juga bisa digunakan untuk menyembunyikan video agar loadingnya tidak berat.

2. Cara membuat Spoiler dengan Border dan Background
kodenya :

<div id="spoiler"><div><input style="font-size: 11px; font-weight: bold; margin: 5px; padding: 0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = ''; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = 'none'; this.innerText = ''; this.value = 'TUTUP'; } else { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = ''; this.innerText = ''; this.value = 'LIHAT LAGI'; }" name="button" type="button" value="CONTOH SPOILER DENGAN BORDER DAN WARNA BACKGROUND" /></div><div id="show" style="border: 1px solid white; display: none; margin: 5px; padding: 2px; width: 98%;"><div style="color: #000000; background: none repeat scroll 0% 0% #ebf3fb; border: 1px solid #aaccee; padding: 7px; margin: 0px;"><p style="text-align: justify;">Dalam pengertian selanjutnya Spoiler itu adalah sebuah cara yang dipakai untuk menyembunyikan suatu link atau kumpulan link, kumpulan teks, gambar, seluruh atau sebagian isi dari postingan blog dan lain-lain dengan menggunakan kode html. Tujuannya adalah untuk menghemat space atau ruang dalam suatu postingan atau sidebar. Keuntungan lain menggunakan Spoiler adalah bisa mengurangi waktu loading, maksudnya adalah, jika kita menggunakan spoiler pada gambar, maka blog kita tidak akan terkena beban loading yang bisa memberatkan. Spoiler juga bisa digunakan untuk menyembunyikan video agar loadingnya tidak berat.</p></div><div id="hide"></div></div></div>

Dalam pengertian selanjutnya Spoiler itu adalah sebuah cara yang dipakai untuk menyembunyikan suatu link atau kumpulan link, kumpulan teks, gambar, seluruh atau sebagian isi dari postingan blog dan lain-lain dengan menggunakan kode html. Tujuannya adalah untuk menghemat space atau ruang dalam suatu postingan atau sidebar. Keuntungan lain menggunakan Spoiler adalah bisa mengurangi waktu loading, maksudnya adalah, jika kita menggunakan spoiler pada gambar, maka blog kita tidak akan terkena beban loading yang bisa memberatkan. Spoiler juga bisa digunakan untuk menyembunyikan video agar loadingnya tidak berat.

Keterangan :<br /> <div style=”color: #000000;= Ini untuk mengganti warna teks background: #EBF3FB; = Ini untuk mengganti warna background border: 1px solid #AACCEE; = Ini untuk ukuran dan warna border

3. Cara membuat Spoiler untuk menyembunyikan gambar
kodenya :

<div id="spoiler"><div><input name="button" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = ''; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = 'none'; this.innerText = ''; this.value = 'TUTUP'; } else { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = ''; this.innerText = ''; this.value = 'LIHAT LAGI'; }" style="font-size: 11px; font-weight: bold; margin: 5px; padding: 0px;" type="button" value="CONTOH SPOILER UNTUK GAMBAR" /></div><div id="show" style="border: 1px solid white; display: none; margin: 5px; padding: 2px; width: 98%;"><img alt="anbu-society" class="aligncenter" height="100" src="http://i1090.photobucket.com/albums/i374/mbink93/bloging/banner.png" width="250" /></div><div id="hide"></div></div>r

PERHATIAANN!!!

Silahkan ganti : http://i1090.photobucket.com/albums/i374/mbink93/bloging/banner.png dengan URL gambar yang ingin disembunyikan.<br /> OK, untuk Spoiler yang lainnya seperti Video, daftar link dan lain-lain baik di dalam postingan atau di sidebar tinggal disesuaikan, kodenya hampir sama.<br /> Anda bisa menempatkan button di tengah dengan menambahkan kode ini <div align=”center”>pada baris kedua.

demikian tutorial dari ana singkat padat gak jelas... hehe... kalo ada salah-salah kata mohon minta maaf sebesar-besarnya.

wassalamualaikum wr. wb.

baca juga artikel lain :
hareudang carape
SETTING TELKOM FLASH PAKE SIMPATI
PADI - TEMPAT TERAKHIR
READ MANGA ONLINE ROOKIES
FREE DOWNLOAD USB SAFELY REMOVE 4.5.2 + CRACK
FREE DOWNLOAD ADOBE PHOTOSOP 8 CSS + PORTABLE (CS4 & CS5)
FREE DOWNLOAD PHOTOSCAPE V3.5
MEMPERCEPAT KONEKSI INTERNET + MODEM
FREE DOWNLOAD CHORD PICKOUT + CRACK
Artisteer - Automated Web Designer
OCEANIS CHANGE BACKGROUND W7
GAME BOOSTER 2 PREMIUM
TIPS MENJADIKAN WINDOWS 7 GENUINE
FREE DOWNLOAD "Iwan Fals Bersuara Bangkit Indonesiaku"
CHORD GITAR ARI LASSO - MENGEJAR MATAHARI
FREE DOWNLOAD 3D STUDIO MAX (AUTODESK)
Free Download Smadav Terbaru (Smadav 8.5)
Pandai-Pandailah Bersyukur
SETTINGAN FLEXI UNLIMITED AGAR LEBIH STABIL
Tahukah Saat Aku Hilang Arah (Ady(Naff)-Cinta Memilihmu)
Puter Otak Cari Ide
Akibat Cuci Otak
Cuci Otak = Badan Retak
Cintailah Dangdut
KISAH LIMA SEKAWAN
CHORD SHEILA ON 7 - PASTI KU BISA
SELF POTREIT
MIMPI