Thursday, January 10, 2013

Cara Membuat Tombol Buka Tutup di Blog

Pernahkah Anda melihat widget blog terdapat pilihan tombol buka tutup? Atau jika Anda mengunjungi kaskus pasti tidak asing dengan tombol buka tutup. Bisakah kita membuatnya pada blog kita?

Nah, jawabannya pasti bisa! Kita dapat membuat tombol buka tutup dengan sangat mudah, kami yakin Anda tidak akan kesulitan membuatnya dalam blog. Berikut langkah cara membuat tombol buka tutup di blog :

1. Login akun blogger Anda.
2. Pilih Tata Letak ---> Tambah Gadget ---> HTML/JavaScript.
3. Kemudian Copy kode berikut 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. Terakhir klik Simpan.

Nah, blog Anda sekarang sudah terpasang tombol buka tutup dan hasilnya bisa Anda lihat dibawah ini :
Letakkan link/script/gambar disini
Jika Anda masih mengalami masalah hubungi kami melalui contac.

0 comments

Post a Comment