membuat menu horizontal di atas (dengan mengedit template)

Ok kali ini saya akan sharing bagaimana membuat menu horizontal di bagian atas blog dengan mengedit template yang ada.
Saya menggunakan blog http://rosyidsujud.blogspot.com/ sebagai contoh, dan menu horizontal awalnya seperti gambar di bawah ini

menu di atas terdiri dari "Home", "Posts RSS", "Comments", "About", "Edit". Nah saya akan mengganti menu "Edit" dengan nama kategori "Curhat". Berikut langkah-langkahnya:
Pertama, saya akan mengambil link kategori "Curhat" dari blog rosyidsujud

ato bisa juga dengan klik kanan category name-nya dan paste di text editor (notepad, ms word, word pad, dll)

maka saya akan mendapati linknya seperti ini rosyidsujud.blogspot.com/search/label/Curhat

Kedua, masuk ke dashboard dengan login di blogger.com
Ketiga, Pilih tab Template dan klik Edit Html, maka akan keluar popup Edit Html, trus klik aja Proceed.
Keempat, setelah muncul kode html-nya jangan lupa untuk mencentang " Expand Widget Templates"
Kelima, cari menu yang akan diedit, di sini saya menggunakan contoh menu "Edit" maka saya cari kata-kata Edit di barisan kode html dengan shortcut key Ctrl+F. Lihat gambar di bawah ini

kita akan mendapati link seperti di bawah ini
<li><a href='#' title='Edit this link'>Edit</a></li>

ganti tanda # (pagar) dengan link dari category name tadi dan ganti tulisan biru sesuai dengan nama kategori tersebut, sehingga menjadi seperti ini

<li><a href='rosyidsujud.blogspot.com/search/label/Curhat' title='Curhat'>Curhat</a></li>

Klik "Save template"

Keenam, refresh blog dan hasilnya akan seperti ini

Penulis : Aminur Rosyid ~ Sebuah blog yang menyediakan berbagai macam informasi

Artikel membuat menu horizontal di atas (dengan mengedit template) ini dipublish oleh Aminur Rosyid pada hari Minggu, 20 November 2011. Semoga artikel ini dapat bermanfaat.Terimakasih atas kunjungan Anda silahkan tinggalkan komentar.sudah ada 0 komentar: di postingan membuat menu horizontal di atas (dengan mengedit template)