GuidePedia

1
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 :


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 
kemudian klik Rancangan

Klik disini untuk memperbesar 
setelah kamu klik akan muncul tampilan sebagai berikut.
Klik disini untuk memperbesar 
setelah itu klik Edit HTML  yang saya beri kolom merah setelah itu akan muncul sebagai 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'>


atau <ul class='menus menu-secondary'> aja sudah cukup dan akan muncul seperti berikut.

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>

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

Poskan Komentar

  1. tempat gwa g' keluar cara yang ke 3.... masih bingung...

    BalasHapus

 
Top