Dapatkan info terbaru via Facebook. Dan Jangan Lupa klik LIKE! TQ

Powered By Blogger Widgets and Blogger Tutorials

Home » » Tutorial Cara Pasang Butang SHOW / HIDE Pada Blog

Tutorial Cara Pasang Butang SHOW / HIDE Pada Blog


RAHSIA mudah jana pendapatan melalui FACEBOOK dan TWITTER!!! (TANPA MODAL) ingin tahu KLIK DISINI !

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