Mari membaca, mari menulis dengan jujur, mari kita menyebarkan ilmu pengetahuan.. LETS START >>>

Sunday 14 July 2013

Membuat tombol Spoiler/Buka Tutup pada Blog

Biasanya, bagi anda yang suka membuat artikel tentang panduan blog, website, software, dll, anda pasti membutuhkan penghematan ruang saat menuliskan artikel anda. Biasanya, supaya kesannya tidak terlihat panjang kebawah. Nah, disini saya akan menjelaskan fungsi tombol Spoiler/Buka Tutup kepada anda.

Fungsi dari tombol ini adalah menghemat ruang laman artikel anda agar kesannya menarik, dan tidak terlihat berhamburan dan panjang lebar. Anda dapat menambahkan Tombol Spoiler ini sesuka hati anda, tetapi biasanya pada artikel yang bermuatan tentang widget kode html.
 
Tertarik ?, silahkan ikuti panduannya di bawah..
  •  


  • Copy Script Kode di bawah ini

  • <div style="margin-bottom: 2px;">
    <div style="margin-top: 5px; text-align: center;">
    <input value="Buka" style="margin-top: 5px; width: 100px; font-size: 12px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" type="button"> </div>
    <div style="border: 1px inset ; margin: 0px; padding: 6px;">
    <div style="display: none;">
    GANTI DENGAN TULISAN ATAU SCRIPT SOBAT DISINI
    </div>
    </div>
    </div>
    <br> <br> <br>

    • Untuk tulisan warna hijau, silahkan ganti dengan text, atau gambar milik sobat.
    Itulah caranya membuat tombol Spoiler.. Semoga Bermanfaat.

    Salam Pengetahuan yang Menginspirasi !!
    Share:

    2 comments:

    1. artikelnya sangat bagus dan sangat bermanfaat, makasih
      semoga sukses saja.. dan salam hangat buat admin blog dari ibbenk21

      ReplyDelete
      Replies
      1. terimakasih banyak sudah berkunjung... di tunggu lagi kunjungannya... salam hangat juga buat agan.

        Delete

    Kritik & Saran Anda sangat Saya Butuhkan.. Silahkan berkomentar dengan Bahasa yang Sopan. Komentar tidak boleh mengandung unsur pornografi, atau link hidup. Terima kasih.

    Daftar Pengunjung

    Flag Counter

    Blog Archive