ARSIP BLOG

Cara Mengubah Lebar Menu Navigasi Blog

Posted by Bhernadin Erryco on Jumat, 17 Agustus 2012

    Kali 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 bawah ini.

Tampilan menu navigasi sebelum diubah lebarnya.

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.
 

{ 2 comments... read them below or add one }

JARINGAN KOMPUTER DAN INTERNET mengatakan... Reply Comment

mantap gan... akan saya coba ke template ane :D

Terapi ion mengatakan... Reply Comment

Terapi Ion
Terapi Ion Rendam Kaki Air Garam
Peluang Usaha Rumahan
Terapi Ion Elektrik Rendam Kaki Detox
Manfaat Terapi Ion Elektrik
Terapi Ion Elektrik
Terapi Kesehatan Murah
Peluang Usaha Modal Kecil
Harga Paket Alat Terapi Ion Elektrik
Pengedar Alat Terapi Ion Di Malaysia

:) :( ;) :D ;;-) :-/ :x :P :-* =(( :-O X( :7 B-) :-S #:-S 7:) :(( :)) :| /:) =)) O:-) :-B =; :-c :)] ~X( :-h :-t 8-7 I-) 8-| L-) :-a :-$ [-( :O) 8-} 2:-P (:| =P~ :-? #-o =D7 :-SS @-) :^o :-w 7:P 2):) X_X :!! \m/ :-q :-bd ^#(^ :ar!

Poskan Komentar

Ketentuan komentar:
- Baik dan Sopan.
- Komentar harus sesuai dengan isi postingan.
- No Spam, No Junk, No Rubbish, No Porn.
- Mudah Dimengerti.

Dimohon juga untuk Meng-Kritik atau kasih Saran buat Blog ini

Terima Kasih