Tuesday, July 10, 2012

Membuat Menubar Teks/Link Sederhana Pada Blogger

membuat menu bar teks pada blog, menu bar teks, menu bar berbasis link
Menu bar teks. Jika dilihat dari gambarnya saja, sudah dapat dipastikan bahwa menu bar ini sederhana. Kecil, tidak terlalu mencolok, dan hanya berisikan teks dengan link menuju suatu halaman. Namun, menu bar teks ini jangan dianggap remeh. Karena banyak blogger yang menginginkan kecepatan blog yang lebih, jadi mereka menggunakan menu bar teks ini. Selain itu, menu bar teks ini juga sangat mudah untuk dicoba untuk blogger pemula.
Langkah langkah membuat menu bar teks tidak terlalu susah. Lihat script dibawah ini :

<div align='Center'><a href='http://xxpc123xx.blogspot.com'>Home</a> | <a href='http://xxpc123xx.blogspot.com/'>Link 1</a> | <a href='http://xxpc123xx.blogspot.com/'>Link 2</a> | <a href='http://xxpc123xx.blogspot.com/'>Link 3</a> | <a href='http://xxpc123xx.blogspot.com/'>Link 4</a> | <a href='http://xxpc123xx.blogspot.com/'>Link 5</a></div>

Keterangan :
Ganti tulisan "Center" untuk merubah perataan menubar ("Left" untuk kiri dan "Right" untuk kanan).
Ganti http://xxpc123xx.blogspot.com/ dengan url yang ingin dipasang pada menu bar teks tersebut. Jangan lupa dengan tanda kutipnya ("").
Ganti tulisan Link 1, Link 2, Home, dll, dengan tulisan yang ingin dimunculkan pada menu bar teks. Misalnya daftar isi, kontak, tentang saya, dll
Ganti tanda | jika anda ingin mengganti pembatas menu bar teks ini.
Catatan :
Jika anda ingin membuat menu bar teks lebih dari 5 link seperti diatas, copy  | <a href="http://xxpc123xx.blogspot.com/">Link 5</a> dan pastekan sebelum </div>. Jika Anda ingin menghapus salah satu link, hapus | <a href="http://xxpc123xx.blogspot.com/">Link 5</a> sebelum </div>

Cara Memasang Menu Bar Teks :
1.       Login ke Blogger seperti biasa, pilih blog yang ingin anda pasangi menu bar teks, kemudian pilih Rancangan -> Edit Laman -> Tambah Gadget -> HTML/Javascript.
edit html untuk memasukkan menu bar teks/link

2.       Pastekan kode diatas, kemudian klik SIMPAN.
3.       Setelah itu, seret gadget tersebut dan letakkan tepat dibawah header (judul) blog.
Bagaimana? Selamat menikmati menu bar teks anda!
Disqus Comments