Cara Buat Menu Bawah Header

Cara buat Menu Bar di bawah Header

Kali ni, saya nak kongsikan cara hendak buat menu bar kat bawah header plak..

Cara nak buat dia senang sikit. Tak perlu nak edit HTML. Saya guna yang ni sebab saya tak reti nak edit-edit HTML ni. So, Kat bawah ni, akan saya terangkan bagaimana nak buat. Yang dah pandai tu, bagi la pendapat ye..

Langkah 1

Login ke blogger > Layout/Tata Letak > Edit Html .

Langkah 2

Klik CTRL+F Untuk pencarian kod seperti dibawah ini.
baca lanjut...

Langkah 3

Ubah kode showaddelement='no' menjadi showaddelement='yes'

P/s : Jangan lupa save dahulu.

Langkah 4

Klik Page elements > Tambah Gadget > HTML/Javascript . Copy kode seperti yang dibawah ini,simpan dan letakan dibawah header.

HOME
CONTACT
BUKU TAMU
FACEBOOK
TWITER
DOWNLOAD
LAIN-LAIN
CHATTING

P/S : Jangan Lupa untuk menukar alamat URLnya.

Langkah 5

Untuk menimbulkan efek warna supaya kelihatan menarik,

Klik Design > Edit HTML , cari kode , agar mudah gunakan tombol CTRL+F
Copy kode dibawah ini dan letakan tepat diatas kode kemudian simpan.

a.navigation {
background: #3333ff ;
color: #ffffff;
margin: 1px;
padding: 2px;
border-width: 0;
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
}
a.navigation:hover {
background: #333333;
color: #ffffff;
text-decoration: none;
}

Perhatikan kode yang berwarna biru adalah warna tombol dan efek hover dan bisa dirubah sesuka hati Anda.Dan yang berwarna merah adalah jarak antara tombol satu dengan lainnya.

P/s : Untuk menukar warna mengikut kesesuaian anda pun boleh..

Kredit From masbugie.

http://mizkadiahstory.blogspot.com/2010/07/cara-buat-menu-bar-di-bawah-header.html