01.42
Unknown
MENGUBAH MENU DROPDOWN
1.
Masih di EDIT HTML ,
2.
Tekan
CTRL+ F untuk menampilkan kotak pencarian.
3.
Perhatikan
pada salah satu daftar menu di dalam menu drop down tersebut, Misalkan disitu
ada daftar ‘’Business’’. Ketikan kata ‘’Business’’ pada kotak
pencarian dan tekan enter, maka akan muncul di daftar HTML code dengan tulisan
‘’Business’’. Setelah kita mendapatkan kode tersebut, maka kita sudah menemukan
posisi seluruh kode yang mengatur menu drop down itu. Nah disinilah kita akan
mulai mengeditnya sesuai dengan keinginan. Lihat Gambar di bawah ini untuk
memperjelas.klik untuk mengunduh
1. Merubah Judul Menu. Disini saya
contohkan, akan merubah nama ‘’Business’’ menjadi “Berita terkini’’. Maka code Business saya hapus
dan saya Ganti dengan kode Berita Terkini.
2. Menghapus Menu. Untuk menghapus
menu, kita tinggal memblok seluruh kode yang di mulai dari kode <li> dan
di akhiri dengan kode </ul></li>.
3. Menambah Menu.
Penambahan
menu tanpa dorp down.
Tambahkan
kode di bawah ini. Dan letakan di antara kode sebelum dan sesudahnya.
<li><a
href='#'>Menu Baru</a>
</li>
Penambahan
menu dengan 1 drop down.
Tambahkan
kode di bawah ini. Dan letakan di antara kode sebelum dan sesudahnya.
<li><a
href='#'>Menu Baru</a>
<ul
class='children'>
<li><a
href='#'>Drop Down 1a</a></li>
<li><a
href='#'>Drop Down 1b</a></li>
</ul>
</li>
Kode
‘’Menu Baru, Drop Down 1a, Drop Down 1b’’ bisa diganti sesuai dengan judul menu
yang diinginkan
Penambahan
menu dengan 2 drop down.
Tambahkan
kode di bawah ini. Dan letakan di antara kode sebelum dan sesudahnya.
<li><a
href='#'>Menu Baru</a>
<ul
class='children'>
<li><a
href='#'>Drop Down 1a</a>
<ul
class='children'>
<li><a
href='#'>Drop Down 2a</a></li>
<li><a
href='#'>Drop Down 2b</a></li>
<li><a
href='#'>Drop Down 2c</a></li>
</ul>
</li>
<li><a
href='#'>Drop Down 1b</a></li>
</ul>
</li>
4. memberi alamat link di setiap
judul menu. Setiap kode yang bersimbol “#’’ merupakan tempat untuk menyimpan
link yang bisa mengarahkan judul blog menuju link tersebut. Untuk
pemasangannya, hapus tanda # dan ganti dengan URL link yang diinginkan ( Bisa Postingan Maupun Label). Tanda
petiknya jangan di hapus . Conoth ‘’#’’ menjadi ‘’ http://ekaprihantoro32132023.blogspot.com/’’.
Posted in
0 komentar :
Posting Komentar