Minggu, 08 Juli 2012

Cara Buat Tombol Buka Tutup di Blog

Assalamualaikum wr wb,

Hallo sobat blogger, jumpa lagi di Chibi Blog yang sebelumnya sudah share Download PhotoScape 3.5 sekarang ane akan share tips buat para blogger

Nah, kali ini yang di share yaitu cara membuat tombol Buka/Tutup pada script yang ingin sobat sembunyika di blog, mau tau caranya ? mari disimak dulu
  1. Login akun blogger
  2. Masuk kemenu rancangan
  3. Tambah HTML/Java Script
  4. Sisipkan kode dibawah ini
    <div><div style="margin: 5px;">
    <div style="margin-bottom: 2px;" class="bigfont"><input style="margin: 0px; padding: 0px; width: 95px; " value="Buka" 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;" class="alt2">
    <div style="display: none;">

    Script yang di inginkan

    </div></div></div></div>
  5. Letakan script sobat yang ingin di hidden, Save dan preview hasilnnya 
hasilnya akan seperti ini :






Script yang di inginkan



    Mudah kan ? hanya tinggal meletakan script yang ingin di sebunyika pada sisipan script diatas, Semoga bermanfaat

    Wassalamualaikum wr wb

    Jual Aneka Kemeja, Kaos, Polo Shirt Murah Berkualitas

    Ditulis Oleh : Benny Dwi Hari: Minggu, Juli 08, 2012 Kategori:

    10 komentar:

    1. biasa disebut dgn Spoiler..., thx sharex

      selamat berakhir pekan sob... *smile

      BalasHapus
      Balasan
      1. oke makasih masukannya, hahaha

        Hapus
    2. ehm mana screenshotnya gan? jadi bingung nih kalau nggak ada screenshotnya

      BalasHapus
      Balasan
      1. makasih udh diingetin, udh ane perbarui gan :D

        Hapus
    3. makasih sob buat tutorial buat spoilernya, hehe :D

      BalasHapus
    4. mantab tutorial nya, makasih.

      BalasHapus
    5. Terima kasih sobat atas berbagi ilmunya nih..perlu dicoba di Blog saya

      BalasHapus

     

    Followers

    Blog Widget

    DMCA.com
    Future Google PR for wongzo.blogspot.com - 3.08 Free PageRank Checker Free counters! Free SEO Tools
    IP review wongzo.blogspot.com on alexa.com Bloggers - Meet Millions of Bloggers