Cara Membuat Menu di Bawah header Via Ponsel

Membuat Navbar list di Bawah Header dan Sidebar Via Ponsel

Langsung aj sob...langkah pertama buka Browser Operamini di Ponsel langsung klik alamat di bawah ini

accessify.com

jika sampai Halaman Depan ada 3 kotak field isian.

1. Isikan juduk dari Menu

2. isikan alamat Url

3. isikan penjelasan menu

jika ingin menambah daftar Menu KLIK ( + Add to level navigation item ) jika selesai Klik ( Previw the markup ) kemudian Pilih Style menu, ada 2 Pilihan ( Horisontal dan Vertikan ) tergantung Selera sobat. Jika sudah sesuai KLIK ( i'm done show me the styles ) tunggu Proses ntar ada sobat di berikan kode Css dan html Copy k2 kode tersebut.

langkah selanjutnya tinggal Sig in di blogger Klik ( Tata letak ) tambah gadget html/javascrip, masukan kode html kemudian SAVE, Langkah selanjutnya Pergi ke ( Tata letak ) jangan lupa Centank kotak (kecil ) tunggu Proses Selesai kemudian ( download template lengkap )

langkah selanjutnya buka Opmod 3.12 atur settingnya dulu, kalau Sobat belum tau baca dulu artikel sebelumnya di sini # Kemudian cari kode di bawah ini

]]></b:skin>

jika sudah ketemu Copy code di bawah ini di atas kode tadi

ul#main-nav {font-family:helvetica,arial,sans-serif;margin:0;padding:0;float:left;width:100%;}
ul#main-nav li {margin:0;padding:0;list-style:none;float:left;margin:0;width:8em;}
ul#main-nav li a {text-decoration:none;display:block;padding:0.3em 0.6em;color:white;background:#036;border-left:2px solid #006;}
ul#main-nav li a:hover, ul#main-nav�li a:focus {background:#369;border-left:2px solid yellow;}
ul#main-nav li ul {padding:0;margin:0;display:none;}
ul#main-nav li:hover ul {display:block;}
ul#main-nav li ul li {float:none;}
ul#main-nav li ul li a {font-size:0.9em;}



jika sudah selesai SAVE dan langsung Upload template tadi ke Blogger kemudian liat hasilnya gimana , contohnya seperti menu navbar di blog ini di atas di bawah Header lumayanlah sob dari pada tidak ada wkwkwk..kalau sobat bingung masuk ( situs ) Copas aj kode di bawah ini ke gadget sobat

<ul id="main-nav">
<ul>
<li><a href="..." target="Tentang">judul</a></li>
<li><a href="..." target="Tentang">judul</a></li>
<li><a href="..." target="Tentang">judul</a></li>
<li><a href="..." target="Tentang">judul</a></li>
<li><a href="..." target="Tentang">judul</a></li>
<li><a href="..." target="Tentang">judul</a></li>
<li><a href="..." target="Tentang">judul</a></li>
<li><a href="http://blogbelajarngeblog.blospot.com" target="Tentang">judul</a></li>
</ul>

</ul>



oke sob selamat mencoba.
nb: alamat blognya diganti ma alamat blog sobat
[[ Translate English ]] [[ Translate Indonesia ]]