Buat menu buka tutup ? ini Caranya

Hai  sobat blogger, mungkin anda sering berkunjung ke sebuah blog dan menemukan file gambar yang bisa buka tutup, mungkin masih ada diantara anda yang masih bingung untuk membuat tampilan menu buka tutup pada gambar, berikut saya akan share tutorialnya ya..!!!
Caranya cukup mudah dan saya yakin sobat blogger tidak akan mengalami kesulitan, untuk lebih jelasnya langsung saja ikuti tutorial dibawah ini:

• Login ke akun blogger Anda 

• Masuk ke menu Tata Letak -> Tambah Gadget -> HTML/JavaScript 

• 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>

• Kemudian Simpan

Gimana sobat blogger, gak sulit kan, pastinya blog anda akan tampil makin keren dan lebih profesional,semoga bermanfaat.

Jika anda suka dengan artikel ini silahkan berlangganan email dibawah ini
Basri Onasis - Blogger Jambi

Share this post