Senin, 04 Februari 2013

Cara membuat Tombol Spoiler Di Posting Blog

Spoiler adalah sebuah Tombol untuk menyembunyikan atau menampilkan Gambar, Tesk , Link , Script, Dan 
Yang Lain-Lain. Spoiler juga bermanfaat untuk Menghemat Tempat, Membuat orang penasaran, Dan Masih Banyak Lagi. Bagaimana Cara membuat Tombol Spoiler di Posting Blog?, Berikut Caranya:
  • Buat Postingan seperti biasa Anda buat.
  • Klik Tombol HTML Di kanan Posting.
  • Masukan Kode berikut Ini:
<div id="spoiler" style="display:none">
Masukan Konten yang akan 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>

Keterangan:
Ganti Kode Berwarna Merah dengan Koten yang akan anda sembunyikan seperti Link, Teks, Script, Gambar. Ganti Kode Berwarna Biru dengan Deskripsi Spoiler yang anda mau. Ganti Kode Berwarna Ungu dengan Judul Spoiler.

Contoh Spoiler Seperti Ini:

 



Selamat Mencoba,
Salam Sukses.

1 komentar: