1/11/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.


Your-BelajarBLOG

No comments:

Post a Comment

Catatan:

• Dilarang Menaruh Link Aktif
• Dilarang Nyepan/Promosi Di Komentar
• Dilarang Berkata Tidak Sopan
• Untuk Menyisipkan Kode, Gunakan Tag <i rel="code">... KODE ...</i>
• Untuk Menyisipkan Kode Panjang, Gunakan Tag <i rel="pre">... KODE ...</i>
• Untuk Menyisipkan Catatan, Gunakan [catatan].. TEKS ...[/catatan]
• Untuk Menyisipkan Gambar, Gunakan [img]URL GAMBAR[/img]

Sebelum Menyisipkan Kode Harap Konversi Kode Sebelum Menuliskan Di Komentar