Trick n Tips Blogger | Widget Blogger | Template Blogger

Cara membuat Tombol Spoiler Di Posting Blog

by Irsyad Aslam , at 1/11/2013 , has 0 komentar
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
Irsyad Aslam
About
Cara membuat Tombol Spoiler Di Posting Blog - written by Irsyad Aslam , published at 1/11/2013, categorized as Trik Blogger . And has 0 komentar
0 komentar Add 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

Bck
Cancel Reply

Followers

Komentar Terbaru

Copyright ©2013 Your-BelajarBLOG by
Theme designed by Damzaky - Published by Proyek-Template
Powered by Blogger