Kamis, 12 Juli 2012

Membuat Menu Bar Teks 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!

Suka Artikel Ini? Yang Share Dapat Pahala Lho... Trims!

2 komentar:

Kurang mengerti dengan artikel diatas, ingin menanyakan sesuatu yang kurang jelas atau ingin meninggalkan jejak? Silakan gunakan Kotak Komentar!. Jika Anda ingin meletakkan kode HTML pada kotak komentar, gunakan tools HTML Parser But, remember! Berkomentarlah dengan bahasa yang sopan, tanpa iklan, spam politik, porno, dan hal - hal negatif lainnya. Terima kasih!