Jalur Tujuh - Mungkin untuk yang sudah mahir dalam pengeditan html/webmaster menganggap artikel Cara Mengganti Warna Menu Navigasi Dropdown Pada Blog yang akan saya bagikan ini kuno atau sudah basi,tapi saya tidak menghiraukan itu karena yang saya targetkan adalah para pemula blogger/yang belum paham tentang kode-kode html.Sebenarnya saya juga masih nubie/pemula dalam dunia blogger maupun edit-edit kode html hehe cuma saya kepengen berbagi aja dan semoga bermanfaat untuk bloging pemula. Sebenarnya letak kode html Menu Navigasi Dropdown pada setiap template itu berbeda-beda yang membuat para pemula kebingungan dalam pengeditan,namun oleh karena itu saya akan membagi cara mudah nya. Oke langsung aja kita mulai tahap-tahapnya.
Pertama masuk dahulu ke menu template pada blog kamu,terus klik 'Edit HTML. Setelah masuk didalam halaman pengeditan cari kalimat "menu-secondary" biasanya terletak pada halaman bernomor 827-845.Lebih jelas lihat gambar
Nah setelah itu cari kalimat berikutnya yaitu .menu-secondary-container {position : relative ; height dan seterusnya } sampai ketemu kode warna,fungsinya kalimat ini adalah mengubah warna menu dropdown.Lihat gambar
Kemudian jika ingin mengubah warna kedua pada menu navigasi dropdown,kamu tinggal turun aja sedikit kebawah sampai ketemu kalimat .menu-secondary li a:hover,.menu-secondary li a:active dan seterusnya sampai menemukan kode warna setelah background.lihat gambar lingkaran merah
Selanjutnya jika kamu mau mengubah warna ketiga pada dropdown,turun aja lagi sampai ketemu kalimat .menu-secondary li li a{color:#fff;background:#(kode warna),fungsinya adalah mengubah warna background dropdown.Lebih jelas lihat gambar kotak merah sob.
BACA JUGA : Cara Mudah Masuk Halaman Pertama Google
Terakhir ini sangat penting karena fungsinya untuk menambah "warna baris menu" pada navigasi dropdown cara nya kamu cari kalimat .menu secondary li li a:hover bla bla bla .menu-item > a{color:#fff;background : (kode warna).lebih jelas lihat gambar lingkaran merah
Sedikit tambahan untuk mengetahui berbagai kode warna kamu bisa berkunjung ke website color-hexdotcom.Sekian dulu sob tips yang dapat saya bagikan semoga bermanfaat,mohon maaf juga kalau kata-kata diatas kurang enak untuk dibaca maklum saya nubiee hehe.
0 komentar:
Post a Comment