Cara Membuat Menu Buka - Tutup

Kalau sobat blogger pernah mengunjungi kaskus pasti tidak asing dengan menu ataupun gambar yang bisa di buka – tutup. Bagaimana cara memasang menu yang bisa di buka – tutup tersebut di blog?

Caranya cukup mudah dan saya yakin sobat blogger tidak akan mengalami kesulitan, untuk lebih jelasnya langsung saja ikuti tutorial dibawah ini:
  1. Login ke akun blogger Anda 
  2. Masuk ke menu Tata Letak -> Tambah Gadget -> HTML/JavaScript 
  3. Copy-Paste kode di bawah ini pada HTML/JavaScript

    <div style="margin-bottom: 2px;"><span style="color: rgb(102, 102, 204);"> </span>
    <div style="margin-top: 5px; text-align: left;"><input onclick="if (this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39;TUTUP&#39;; } else { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39;BUKA&#39;; }" value="BUKA" style="margin-top: 5px; width: 60px; font-size: 10px;" type="button" /> </div>
    <div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">
    Letakkan link/script/gambar disini
     </div></div></div>

  4. Kemudian Simpan
Berikut hasil kerja keras yang akan sobat blogger dapat:

Enter your email address:

Delivered by FeedBurner




  • Baca Juga