Senin, 21 Maret 2011

Mengubah Menu Bar Di Atas / Di bawah Header Pada Blogspot Baca

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.

Sebagai contoh, disini saya akan mengubah menu "HTML PARSE". Untuk itu, anda perlu mengingat teks "HTML PARSE" tersebut.
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


<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>
Nah, pada script code di atas bisa anda ganti dengan ketentuan sebagai berikut:

  • 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

Description: Mengubah Menu Bar Di Atas / Di bawah Header Pada Blogspot Baca Rating: 4.5 Reviewer: Arman Sinaga ItemReviewed: Mengubah Menu Bar Di Atas / Di bawah Header Pada Blogspot Baca
Al
Mbah Qopet Updated at: 08.14

0 komentar:

Poskan Komentar