CARA PASANG SPOILER PADA BLOG

CARA PASANG SPOILER PADA BLOG

Spoiler adalah suatu script yang menyembunyikan link, gambar, kalimat, dan lain-lain. Spoiler ini bermanfaat sekali karena bisa menghemat tempat dan bisa seperti kejutan buat para pembaca.




Spoiler juga dapat digunakan untuk menghibur pengunjung juga loh, misalnya seperti ini:

Cara membuat dan memasang spoiler di Blogger/Blogspot:

1. Copy dan gunakan script berikut:

<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'}">Buka/Tutup</button>

Kostumisasi spoiler: 

- Ganti Konten Yang Disembunyikan dengan konten (text, url, url gambar, script dll) yang ingin disembunyikan.

- Ganti title dengan title sekehendak anda. Title berfungsi memberi informasi ketika mouse di hover di atas tombol spoiler.Klik untuk melihat/menyembunyikan 

- Ganti Buka/Tutup dengan teks sesuai keinginan, teks tersebut akan menjadi perintah yang terlihat pada tombol spoiler.

2. Untuk membuat spoiler di badan posting, buat spoiler melalui menu Edit HTML, letaknya dibagian pojok kanan atas kotak posting, semua editing dilakukan pada menu tersebut, jika tidak maka script tidak akan bekerja.

3. Jika ingin membuatnya di widget, pilih menu "HTML/Javascript".

http://gudang-informasiboy.blogspot.com






  1 .KODE WARNA HTML  2.Cara membuat MP3 di BLOG  3.Cara membuat efek bintang berjatuhan pada blog  4.Cara membuat animasi superman di blog  5.Cara Membuat Efek Teks Neon Light 1 Warna  6.Memfilter Komentar Kotor di Blog  7.Memproteksi Gambar di Blog dari Save As  8.Menambahkan Button Share dari Blogger  9.Membuat Thread Comments di Blogspot10.Menghilangkan Tulisan "Label" di Bawah Postingan11.Menambahkan Tweet Button dan Facebook Like di Blogdetik12.Membalas Komentar Blog Secara Otomatis13.Membuat Buku Tamu yang Buka Tutup di blog anda14.Menampilkan Status YM (Yahoo Messenger )di Blog15.Membuat Icon Burung Twitter Berterbangan di Blog16.Cara menambah kan Tv Online di Blog anda17.Cara membuat Efek meteor jatuh di blog Anda18Cara membuat blog saat di buka langsung berputar19Cara membuat Pesan pembuka & Pesan Penutup pada Blog    20.Cara menambah kan Tv Online di Blog anda