SELAMAT DATANG DI TIANG BAMBU, BLOGNYA AGUS ZAINAL M; TENTANG SAYA Clicking Here!

Ad 468 X 60

Sunday, May 12, 2013

Widgets

Cara Membuat Menu Dropdown Dibawah Header Blog - Menu Blog/Website Menjorok Kebawah

Menu dalam media online internet memiliki peranan penting akan keberadaan media bersangkutan. Menu yang berada pas dibawah nama media online internet setidaknya dapat memberikan gambaran akan eksitensi media bersangkutan kepada pengunjungnya. Menu yang umumnya banyak dipergunakan media online internet blog/website adalah Menu Horizontal dan Dropdown Menu.

Menu Dropdown Blog-Website
Gambar: Menu Dropdown Blog dan
teks yang menjorok ke bawah Sub Menu
Walaupun kedua bentuk menu ini berbeda namun memiliki fungsi yang sama sebagai tempat untuk menulis/membuat sejumlah teks link baik teks link artikel judul posting, teks link Label serta dapat dipergunakan link umpan pada media online internet lainnya.

Perbedaan kedua Menu yang umumnya ditempatkan pada bagian header blog/website yaitu kalau menu Horizontal tidak memiliki sub menu sedangkan Dropdown Menu terdiri menu dan sub menu. Sub Menu akan terlihat akan terlihat menjorok kebawah bila teks link yang ada pada menu dropdown disorot pointer mouse.

Dan perlu diketahui untuk mendapatkan hasil maksimal membuat menu dropdown menggunakan kode berikut ini gagdet HTML/JavaScriptnya harus ditempatkan pas dibawah header blog atau berada di atas tampilnya judul posting blog.
Cara Membuat dropdown menu blog dapat dilakukan dengan langkah-langkah sebagai berikut:
  1. Sign in di Blog
  2. Klick Template
  3. Klick Lanjutkan
  4. Cari kode ]]></b:skin> dalam template blog. Untuk mudah menemukannya gunakan CTRL F lalu masuk masukan kode tersebut dalam teks box yang muncul
  5. Tempatkan kode dibawah ini pada di atas kode ]]></b:skin>
  6. Klick Simpan Template untuk menyimpan perubahan
  7. Klick Tutup untuk keluar dari halaman template blog
Ini kode yang ditempatkan di ata kode ]]></b:skin>


Keterangan:
Background:orange adalah warna latar. Silahkan mengganti warna tersebut sesuai warna diinginkan

Setelah melakukan step yang dijelaskan diatas selanjutnya mendapatkan gadget HTML/JavaScript untuk membuat teks link menu dropdown blog. Langkah-langkahnya sebagai berikut:
  1. Klick Tata Letak
  2. Klick Add Gadget/Tambah gadget
  3. Klick HTML/JavaScript
  4. Copy teks link dibawah ini yang akan dijadikan sebagai menu dan Sub Menu
  5. Paste dalam gadget HTML/JavaScript yang ditambahkan tadi
  6. Klick Simpan untuk menyimpan perubahan
Penulisan teks link sebagai teks link dropdown menu media online internet blog

Keterangan:
Ganti teks-teks dibawah ini sesuai kebutuhan media online internet blog/website anda:
  • Teks nama-judul-posting-.html adalah judul posting atau nama label blog
  • Home, Menu I, Menu II, Menu III dan Menu IV adalah teks yang tampil pada menu dropdwon
  • Sub Menu I-1 dan Sub Menu I-2 merupakan sub dari menu I (teks link yang menjorok ke bawah)
Untuk lebih jelasnya penulisan Url dan Teks Link sebagai berikut:
<li><a href="http://www.ronamasa.com/2013/01/cara-membuat-menu-dropdown-dibawah.html">Dropdwon Menu</a></li>

Di antara kedua step untuk membuat dropdown menu diatas mana yang mau didahulukan baik langkah pertama atau ke dua tidak menjadi masalah. Akan tetapi jika ingin memudahkan merubah warna background lakukan terlebih dahulu langkah ke dua.
 

SHARE THIS POST   

  • Facebook
  • Twitter
  • Myspace
  • Google Buzz
  • Reddit
  • Stumnleupon
  • Delicious
  • Digg
  • Technorati
Author: Agus Zainal M (Sampai Terang)
(TIANG BAMBU) Dari secangkir Kopi, Cerita dan Inspirasi. TENTANG SAYA →

0 komentar: