Tutorial Cara Pasang Butang SHOW / HIDE Pada Blog

Langkah-langkah : Cara Pasang Butang SHOW / HIDE Pada Blog

1.Logon akaun blogger.com Anda.
2. Klik Design > add a Gadget > HTML / Java Script
3. Copy coding di bawah dan paste di dalam ruangan gadget HTML / Java Script di bawah.

<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;"><b>Rahsia Trafik Gila-Gila Disini...</b>: <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: 0px; padding: 0px; width: 55px; font-size: 11px;" type="button" />
</div>
<div class="alt2" style="border: 0px inset; margin: 0px; padding: 6px;">
<div style="display: none;">

4. Di bawah coding di atas, anda boleh letakkan coding2 lain yang anda ingin di SHOW / HIDE kan, tak kira lah berapa banyak yang anda mahu hehe...

5. Setelah selesai, klik save. Pastikan tulisan berwarna merah di atas diubah dengan perkataan yang anda suka.

Hasilnya seperti gambar di bawah.

Sekian, selamat mencuba...