Header Ads

Cara Mengubah Lebar Menu Navigasi

Cara Mengubah Lebar Menu Navigasi

Di penghujung tahun 2011 ini, saya ingin berbagi informasi kepada pembaca sekalian khususnya bagi yang menggunakan template seperti yang saya pakai saat ini yaitu Thesis SEO Blogger Template karya dari Blog Juragan.

Sebelumnya pada template ini, saya hanya dapat memasukkan maksimal lima tautan menu navigasi dalam satu baris. Bila saya memasang tautan yang ke-enam maka posisinya akan berada di bawah baris menu navigasi tersebut seperti yang terlihat pada gambar di atas.

Nah, agar tautan menu yang ke-enam dapat berada di sebelah tautan yang ke-lima, seperti yang terlihat pada gambar di bawah ini, maka kita perlu mengubah lebar dari menu navigasi tersebut.

Tampilan menu navigasi setelah diubah lebarnya.

Bagaimana cara untuk mengubah lebar dari menu navigasi tersebut? Silakan simak langkah-langkahnya di bawah ini.

1. Masuk ke akun Blogger Anda.

2. Klik Rancangan > Edit HTML.

3. Klik Download Template Lengkap untuk membuat salinan template. Hal ini untuk berjaga-jaga kalau nanti terjadi kesalahan kita sudah mempunyai back-up-nya.

4. Cari kode seperti di bawah ini. Gunakan fungsi pencarian dengan menekan tombol Ctrl + F lalu masukkan kata kunci #menu ul {.

#menu ul {
border-left:1px solid #DDDDDD;
float:left;
font-family:'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, sans-serif;
list-style-type:none;
margin:0;
padding:0;
width:630px;
}

5. Ganti lebarnya, yaitu 630px menjadi 900px (sesuai lebar wrapper) sehingga hasilnya menjadi seperti di bawah ini.

#menu ul {
border-left:1px solid #DDDDDD;
float:left;
font-family:'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, sans-serif;
list-style-type:none;
margin:0;
padding:0;
width:900px;
}

6. Klik tombol SIMPAN TEMPLATE.

7. Selesai.

6 comments:

  1. Nah, ini yg saya butuhkan... ehh thankss yah mas :D

    ReplyDelete
  2. gan di blog saya gak ada "#menu ul {" gimana yahh??ada bacaan yg lain selain itu gak??

    ReplyDelete
  3. Thanks sob atas info nya, kebetulan Blog baru q lagi menggunakan template dari Blogjuragan ini.
    ohh ya sob, gmna ya cara memperkecil ukuran Sidebar template thesis ini.? mohon info sobat...
    mampir di blog baru q sob, Blogabuabu. Thanks!

    ReplyDelete
  4. makasih sob..tempat saya berhasil..ijin copas ke blog saya ya..:)

    ReplyDelete
  5. thanks infonya, bermanfaat banget :)

    ReplyDelete

Comment Policies:

1. NO SPAM
2. NO LIVE LINK

Any violation will be deleted within 24 hours, thanks for your attention.

Template images by Ollustrator. Powered by Blogger.