Cara membuat menu di bawah heder

 




 
Membuat menu header blog itu sangat mudah, kita hanya perlu menambah beberapa kode. Contoh menu itu adalah Home / Beranda / Depan / Halaman utama , Menu Contac, menu Profile, menu, ato terserah agan saja. 

langsung aja kita mulai gan... cekibbbbrrrooooooooooottttttttttt............

Langkah - langkah membuat menu dibawah header blog adalah :

1. Masuk ke dashboard Blog sobat, lalu ke menu Rancangan >> Edit HTML,  centang ' Expand Template Widget'

2. Cari kode seperti dibawah atau cari yang mirip (CTRL+F , cara cepat untuk mencari kode).

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='x-Demo (Header)' type='Header'>
<b:includable id='main'>

ganti maxwidgets='1' menjadi 2 atau lebih dan showaddelement='yes'>

3. Jika sudah selanjutnya sobat cari kode ]]></b:skin>

4. Hapus kode tersebut dan ganti dengan kode dibawah ini.

a.navigation {
background: transparent;
color: #ff0000;
margin: 3px;
padding: 6px;
border-width: 0;
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
}
a.navigation:hover {
background: transparent;
color: #ffffff;
text-decoration: none;
}

]]></b:skin>

Keterangan :

• Perhatikan kode yang di cetak tebal, untuk kode merah adalah warna background
• Kode warna biru adalah warna tulisan

5. Save template lalu klik Elemen Laman atau klik rancangan.

6. kemudian klik tambah gadget >> pilih HTML/JavaScript

7. Copykan kode berikut kedalam kotak tersebut

<a href="http:// www.xk-comp.blogspot.com " class="navigation">HOME</a>
<a href="http:// www.xk-comp.blogspot.com /p/rekomendasi.html  "class="navigation">rekomendasi</a>
<a href="http:// www.xk-comp.blogspot.com /p/buku-tamu.html " class="navigation">buku tamu</a>

Keterangan : Ganti yang dicetak tebal biru dengan URL menu, dan warna merah adalah nama menu.

8. SAVE lalu lihat hasilnya..jreeeeeeengggggg....... jadi kan

makasih dah mampir ke blog ane ya gan......

Tweet