Hari ini saya akan share jawaban dari pertanyaan salah seorang sahabat blogger yang bertanya bagaimana mengubah menu yang ada pada bagian atas blog. Atau yang sering di sebut dengan menu bar. Menu ini sangat penting untuk menujukkan kepada para pengunjung blog fitur apa saja yang di sediakan blog utnuk mereka. Nah, langsung saja. Ini tutorialnya.
1. Buka blog anda. Dan lihat menu bar yang ada di bagian header (kepala blog). Seperti gambar ini.
2. langsung Login ke blogger>Rancangan>edit HTML
3. Centang Expand Template Widget
4. Cari (CTRL + F) kata yang ada di menu bar anda (karena dalam percobaan ini saya ingin mengubah menu "HTML PARSE", maka saya CTRL + F menggunakan keyword "HTML PARSE")
5. Setelah ketemu, maka akan terlihat seperti gambar di bawah ini.
Anda akan menemukan script kode seperti di atas. Kode utuh dari script code pada gambar di atas akan terlihat seperti di bawah ini
Nah, pada script code di atas bisa anda ganti dengan ketentuan sebagai berikut:
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='http://www.phonecompi.co.cc/2010/01/sitemap.html'>Sitemap</a></li>
<li><a href='http://www.phonecompi.co.cc/2001/05/blog-post.html'> HTML Parse </a></li>
<li><a href='http://phonecompi.blogspot.com/2010/04/ponsel.html'> Blogs Promotion</a></li>
<li><a href='http://www.phonecompi.co.cc/2010/01/tukaran-link.html'> Link Exchange</a></li>
<li><a href='http://www.phonecompi.co.cc/2010/12/kumpulan-template-blogspot-terbaik.html'>Blogspot Templates</a></li>
- Script code berwarna merah anda ganti menjadi teks apa saja. Nantinya, teks yang anda masukkan akan tampil pada menu bar anda.
- Sedangkan URL berwarna biru adalah URL tujuan dari menu bar (teks yang anda masukkan tadi). Anda bisa masukkan URL apa saja. Misalnya URL salah satu postingan anda ataupun URL label/kategori blog anda.
Pada percobaan ini saya ingin mengganti menu bar "HTML Parse" menjadi "Parsing HTML". Sehingga hasil akhirnya menjadi seperti di bawah ini
Lakukan hal yang sama jika anda ingin mengganti menu bar lainnya.
Terkait
Tutorial
- Cara Merubah File PDF ke Word - Tutorial Lengkap PDF
- Script Curang Auto Klik Kanan Terbaru 2013
- Tutorial Install Windows 8 di PC/Laptop
- Cara Menambahkan Chat Box di Blog
- Membuat Scroll Pada Archive Blog
- Cara Membuat Sesuatu Menempel Terus di Window Blog
- Cara Menghapus Label Di Blog
- Memasang Iklan dua kolom
- Floating Box Yang Cocok Untuk Adsense
- Free WordPress Premium Themes – Elegant News
- Membuat Efek Hujan Salju Pada WordPress.com
- Cara Pasang Tombol Share Facebook Dan Twitter
- Melihat Perkembangan Blog Kamu dan Rivalmu Dengan Compete.com
- Cara Pasang Video You Tube ke Blog
- Mengubah Blog Dari NoFollow ke DoFollow
- Cara Menambahkan Kolom Sebelah Kiri Di Blogspot
- Cara Membuat Iklan Melayang atau Floating Ads di Blogger / Blogspot
- Membuat Floating Button Di Sisi Blog
- Chat Di FB Pakek Emo Keren..Mau??
- Kumpulan 30 Web Direktori,Tempat Menemukan Backlink Gratis (Free Backlink Exchange)
- Membuat Buku Tamu Tersembunyi Di Kiri Kanan Blog
- Memasang Iklan di Bawah Postingan
- Membuat Widget Paypal Button
- Membuat Text Melayang Mengikuti Arah Mouse
0 komentar:
Posting Komentar