Tips Membuat Menu Auto Hide(Spoiler)

Tips Membuat Menu Auto Hide(Spoiler)

Menu Auto Hide sering juga kita sebut dalam istilah Spoiler…………..yang kerap digunakan para blogger mengisi halaman blog ataupun memperindah tampilan blognya agar terkesan seindah mungkin.

Nahhh….Mau Praktekin caranya…?????

Ikuti aja panduan berikut…..>>>>>

1. Login Ke ->>>>> Blogger kemudian pilih ------->>>>>>>> "Layout"
2. Klik pada -------->>>>>> "Page Element" selanjutnya pilih ------->>>>>>>"Add a Gadget -->>>>kemudian cari dan pilih ------------>>>>>>.. HTML/Javascript"

(Tempatnya sesuaikan dengan keinginan anda).

3.Lalu Copy saja kode script yang telah disiapkan …kemudian silahkan Paste kodenya dalam Gadget yang telah kita buka tadi.

Inilah Kode Scripnya….----------------->>>>>>>>>

div><div style="margin: 20px; margin-top:5px"><div style="margin-bottom: 2px;" class="smallfont"><input style="margin: 0px; padding: 5px; width: auto; " value="Show" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hidden'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"/></div><div class="alt2"><div style="display: none;"><div style="border: none; color:none; background-color:none; text-align: justify; padding:10px;">

TARUH SCRIPT / KONTEN KALIAN DISINI
</div></div></div></div></div>

Keterangan :
+ Tulisan yang berwarna merah bisa Anda ganti sesuai keinginan.
+ Yang berwarna hijau adalah tempat untuk meletakkan konten / script widget Anda.

4. Klik Simpan dan selesai.

Posted in: Tips Blog