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
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 "
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>
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 "
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







