Cara Membuat Menu Blog


Cara Membuat Menu Blog sangat mudah juga, anda tinggal ikuti saja langkah langkah dibawah ini, oh iya kalau anda tidak tahu apa itu menu anda tingal lihat gambar diatas saja yang dilingkari dengan warna merah itu adalah menu, saya yakin anda juga sudah tahu apa fungsinya.Oke langsung saja ke Cara Membuat Menu Blog :

1. Masuk ke blog, lalu ke menu Rancangan >> Edit HTML,  centang '
2. Cari kode yang mirip seperti dibawah ini :

<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'>

3. Ganti maxwidgets='1' menjadi 2 atau lebih dan showaddelement='yes'>
4. Selanjutnya sobat cari kode ]]></b:skin>
5. Letakan kode dibawah ini tepat diatasnya

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;
}


Keterangan :

  • Perhatikan kode yang di cetak tebal, untuk kode Merah adalah warna background
  • Kode warna kuning adalah warna tulisan
6. Save template
7. Setelah itu masuk Elemen Laman atau klik rancangan. 
8. Copykan kode berikut kedalam kotak tersebut

<a href="URL ANDA " class="navigation">HOME</a>
<a href="URL ANDA " class="navigation">JUDUL</a>
<a href="URL ANDA " class="navigation">JUDUL</a>
<a href="URL ANDA " class="navigation">JUDUL</a>

8. Ganti yang berwarna kuning dengan URL anda dan wana merah ganti dengan nama menu

9. Simpan dan lihat hasilnya

Tidak ada komentar:

Posting Komentar