Selamat Datang di Fadilrubikers Blog

Selamat datang, semoga saja kalian bisa mendapatkan apa yang kalian butuhkan di blog saya ini. Terima kasih telah berkunjung di blog saya, silahkan berkomentar dan follow blog saya, mari kita saling sharing pengetahuan disini.

Sekilas Tentang Penulis

Nama saya Fadil, seorang mahasiswa UIN Syarif Hidayatullah Jakarta prodi Matematika | umur : 19 tahun | Lahir : 07 november 1994 | Agama : Islam | Email: fadil.aidid@gmail.com(G-Talk) | Windows live: fadil.aidid@hotmail.com.

Social Stuff

  • FadiL - Rubikers
  • Twitter
  • Facebook
  • HOME
FadiL
Welcome to my blog
Enjoy this blog, if there is a question / message, please email me!

Saturday, August 21, 2010

Membuat Menu Auto-Hide ( Spoiler )

Contoh :
Coba kamu klik di bagian "Show"




Apakah ini yang anda cari???


Cara buatnya gampang ko, ikuti langkah-langkahnya yUa:
1. Login to Blogger kemudian pilih "Layout"
2. Klik pada "Page Element" trus pilih "Add a Gadget --> HTML/Javascript" (Tempatnya terserah kamu).
3.Copy Paste aja Script yang ada di bawah ini :

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

Selamat mencoba dan semoga bermanfaat ...

Bookmark and Share

0 comments:

Post a Comment