Tampilkan postingan dengan label tips menu. Tampilkan semua postingan
Tampilkan postingan dengan label tips menu. Tampilkan semua postingan

Sabtu, 17 Oktober 2009

cara membuat dropdown Go

sebelumnya saya sudah perna membuat tutorial cara membuat dropdown menu, akan tetapi dropdown yang sebelumnya, serasa kurang apdol, alasannya simple, yaituh ga ada tombol sumlitnya(go).
nah, dropdown yang akan saya bahas kali ini adalah dropdown yang pake tombol go, ini contohnya;




jika kalian tertarik, berikut cara buatnya;
  • log in
  • tata letak/layouts
  • tambah gadget/add a gadget
  • HTML/javascript
  • dari tampilan diatas berikut scriptnya;


<script src="http://sites.google.com/site/indamwhy/file-java-script/dropdowngo.js"></script>

<form onsubmit="return dropdown(this.gourl)"> <select name="gourl">
<option value="0"/>label/kategori
<option value="http://intheamwhy.blogspot.com/search/label/tips"/>tips
<option value="http://intheamwhy.blogspot.com/search/label/aplikasi%20mobile"/>apps mobile
<option value="http://intheamwhy.blogspot.com/search/label/tips%20blogger"/>tips blogger <option value="lainnya.com"/>lainya.com <option value="lainnya.com2"/>lainya.com2 <option value=". . . . ."/>. . . . . <option value="dan seterusnya"/>dan seterusnya
</select>
<input value="Go" type="submit"/>
</form>





  • sebelum disimpan, edit terlebih dahulu script diatas,
  • ket* text warna merah adalah link, silahkan ganti dengan link keinginan kalian
  • text* warna hijau adalah title atau tampilannya, silahkan sesuikan dengan linknya
  • text* warna biru adalah tampilan awal
  • nah, kan ada text Go, kalian bisa ganti, jika mau.!
  • 0ia, untuk kode pupup(new tab)nya terkadang masih error, so gak aku posting, entar kalau da perfeck, pasti aku share
  • nah, karna dropdown di atas, akan menutupi halaman web kalian, maka sebaiknya isi link link dropdownya dengan link link yang ada di blog kalian, misal, label, daftar postingan, atau apalah.
maaf ya, tata bahasanya rumit.
0ia, sebagai antisipasi view and simpan file mentahan javascripnya dropdowngo.js suatu saat saya akan share mengenai cara upload file.js di webhosting. Semoga bermanfaat.

Minggu, 11 Oktober 2009

cara membuat menu dropdown

pada postingan kali ini saya akan membahas cara membuat dropdown menu, contohnya seperti ini;

Dari tampilan diatas berikut adalah codenya;

<select

onChange="document.location.href=this.options[this.selectedIndex].value;">
<option value="0" selected>my post</option>
<option value="http://intheamwhy.blogspot.com/2009/08/cara-mengganti-icon-page-atau-logo-b.html">cara ganti icon page</option>
<option value="http://intheamwhy.blogspot.com/2009/08/cara-pasang-icon-ym.html">;cara pasang icon ym</option>
<option value="http://intheamwhy.blogspot.com/2009/08/cara-pasang-twitter-badge.html">;cara pasang badge twitter</option> </select>

keterangan
  • text yang berwarna merah adalah link, silahkan ganti dengan link kalian
  • text yang berwana hijau adalah tampilan, silahkan sesuaikan dengan linknya

Dari menu dropdown diatas kalian dapat membuat, daftar postingan, lebel, daftar blog kalian, dsb.
jika kalian ingin agar dropdownnya terbuka di jendela baru(popup>, berikut adalah contoh dan codenya;

contoh tampilan:

Code;

<select onchange="javascript:window.open(this.options[this.selectedIndex].


value;">

<option value="0" selected>my account</option>
<option value="http://twitter.com/intheamwhy">my twitter</option>
<option value="http://profiles.friendster.com/indam">my friendster</option>
<option value="http://id-id.facebook.com/people/Indam-Joycko-Blackstyle/1293349599">my facebook</option>
</select>


keterangan; sama seperti diatas.
Untuk dropdown dengan popup, kalian dapat membuat daftar blog sahabat, top link, daftar akun kalian, dsb.