Baca Juga
Dalam Tips Dan Trik ini saya akan memberikan trik bagaimana cara membuat menu pada bagian atas blog seperti pada gambar berikut:
Bisa dilihat contohnya di bagian atas blog saya. langkah pertama yang harus kita lakukan adalah Pergi ke Google cari kata blogger lihat pada gambar :
Kemudia Sign In ( masuk ) masukan alamat email dan kata sandi anda dan akan muncul sebagai berikut pada tampilan antar muka lawas :
Selanjutnya Klik kata bloger yang saya kolom merah dan akan muncul kotak dialog seperti ini :
Kemudia Sign In ( masuk ) masukan alamat email dan kata sandi anda dan akan muncul sebagai berikut pada tampilan antar muka lawas :
Klik disini untuk memperbesar
setelah itu klik Edit HTML yang saya beri kolom merah setelah itu akan muncul sebagai berikut.
atau <ul class='menus menu-secondary'> aja sudah cukup dan akan muncul seperti berikut.
Klik disini untuk memperbesar
setelah itu centang kata dan cari kode dibawah. (Tekan Ctrl + F) dan pastekan kode dibawah pada kotak pencarian agar lebih sepat
<div class='menu-secondary-container'>
<ul class='menus menu-secondary'>
<ul class='menus menu-secondary'>
Klik disini untuk memperbesar
setelah itu Pastekan kode berikut tepat di bawah kode <ul class='menus menu-secondary'>
<li><a href='Alamat URL yang Dituju'>Nama Menu</a></li>
<li><a href='Alamat URL yang Dituju'>Nama Menu</a></li>
<li><a href='Alamat URL yang Dituju'>Nama Menu</a></li>
<li><a href='Alamat URL yang Dituju'>Nama Menu</a></li>
<li><a href='Alamat URL yang Dituju'>Nama Menu</a></li>
<li><a href='Alamat URL yang Dituju'>Nama Menu</a></li>
</ul>
</div>
</div>
<li><a href='Alamat URL yang Dituju'>Nama Menu</a></li>
<li><a href='Alamat URL yang Dituju'>Nama Menu</a></li>
<li><a href='Alamat URL yang Dituju'>Nama Menu</a></li>
<li><a href='Alamat URL yang Dituju'>Nama Menu</a></li>
<li><a href='Alamat URL yang Dituju'>Nama Menu</a></li>
</ul>
</div>
</div>
Keterangan
Alamat URL yang Dituju di isi URL yang di tuju contoh : http://hasancapres.blogspot.com/2012/05/cara-membuat-menu-di-bagian-atas-blog.html
Nama Menu adalah nama dari menu contoh home dan masih banyak lagi sesuai selera
setelah semuanya selesai klik simpan template
Klik disini untuk memperbesar
dan lihat hasilnya.
tutorial ini adalah tampilan dasbor lama jika ingin tutorial yang versi baru klik disini
tutorial ini adalah tampilan dasbor lama jika ingin tutorial yang versi baru klik disini