Wednesday, June 14, 2017

Cara Mengganti Warna Menu Navigasi Dropdown Pada Blog

Menu Navigasi,Menu Dropdown,Navigasi Dropdown blog,Mengganti Warna,Warna dropdown
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

Menu Navigasi,Menu Dropdown,Navigasi Dropdown blog,Mengganti Warna,Warna dropdown

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
Menu Navigasi,Menu Dropdown,Navigasi Dropdown blog,Mengganti Warna,Warna dropdown
Menu Navigasi,Menu Dropdown,Navigasi Dropdown blog,Mengganti Warna,Warna dropdown

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
Menu Navigasi,Menu Dropdown,Navigasi Dropdown blog,Mengganti Warna,Warna dropdown
Menu Navigasi,Menu Dropdown,Navigasi Dropdown blog,Mengganti Warna,Warna dropdown

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.

Menu Navigasi,Menu Dropdown,Navigasi Dropdown blog,Mengganti Warna,Warna dropdown
Menu Navigasi,Menu Dropdown,Navigasi Dropdown blog,Mengganti Warna,Warna dropdown

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
Menu Navigasi,Menu Dropdown,Navigasi Dropdown blog,Mengganti Warna,Warna dropdown
Menu Navigasi,Menu Dropdown,Navigasi Dropdown blog,Mengganti Warna,Warna dropdown

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