Cara Membuat Menu Hover Navigasi Berwarna di Blog

nongool.com - Mon 02/06/2014 Cara Membuat Menu Hover Navigasi Berwarna di Blog. Sebelum saya jelaskan cara membuat menu hover navigasi menjadi berwarna saya ingin bertanya sama temen-temen, ada yang tau apasih manfaat dari menu hover navigasi menjadi berwarna ?
Jelas bermanfaat, dalam penambahan menu hover navigasi menjadi berwarna pada blog kita. ini akan membuat tampilan blog kita menjadi lebih full color dan apalagi jika blog kita enak dilihat oleh para visitor blog kita ini akan memberikan keuntungan untuk blog kita karena si vitor jadi lebih betah diblog kita bahkan bisa jadi dia akan selalu nongkrong diblog kita.
Bagai mana cara membuat menu hover navigasi menjadi berwarna ?

Sebelum kita membuat menu hover navigasi berwarna pastikan temen-temen udah login ke blognya.
Oke langkah pertama yang haru temen-temen lakukan adalah masuk Template >> Edit HTML
Langkah yang kedua copy script CSS dibawah ini :

/* Menu color */
.hijau:hover{background-color:#099 !important;}
.pink:hover{background-color:#FE2EF7 !important;}
.kuning:hover{background-color:#d7c446 !important;}
.merah:hover{background-color:#ff6c60 !important;}
.ungu:hover{background-color:#b082ee !important;}
.abu:hover{background-color:#7C8588 !important;} 

Lalu simpan diatas script code ]]></b:skin>
Dan untuk pemanggilan nya gunakan misalnya class="merah" pada menu navigasi tersebut. jika kurang jelas temen-temen bisa lihat contoh script dibawah ini.

<li><a class='hijau' href='#'>Menu1</a></li>
<li><a class='pink' href='#'>Menu2</a></li> 
<li><a class='ungu' href='#'>Menu3</a</li> 
<li><a class='abu' href='#'>Menu4</a</li>

Oke langkah yang terakhir Simpan Template. Selesay !

• Demo

Jika ada yang kurang jelas atau kurang mengerti silahkan teman-teman langsung tanya dengan berkomentar dibawah ini.
Semoga artikel Cara Membuat Menu Hover Navigasi Berwarna di Blog bisa membantu dan bermanfaat untuk teman-teman.
Note : Jika Teman-teman menyukai artikel Cara Membuat Menu Hover Navigasi Berwarna di Blog ini bisa langsung share lewat Facebook, Twitter, Google+. dll. Terimakasih !

Created By : Unknown - www.nongool.com

Anda sedang membaca artikel tentang Cara Membuat Menu Hover Navigasi Berwarna di Blog.Jika anda suka artikel ini, anda dapat share artikel ini dengan disertakannya link yang sesuai dengan postingan ini sebagai sumbernya. silahkan copy link dibawah ini:

https://nongool.blogspot.com/2014/06/cara-membuat-menu-hover-navigasi.html
- Hak cipta pemilik -

--- www.nongool.com ---

Description: Cara Membuat Menu Hover Navigasi Berwarna di Blog
Rating: 4.5