Rabu, 12 Juni 2013

Cara membuat Menubar di blog

Cara membuat Menubar di blog - Hmm, sobat sudah pada tau menubar itu apa kan? hah belum? okedeh tidak apa-apa ncun jelaskan lagi untuk yang belum tau. Menubar adalah sebuah kotak tab/bar yang isinya berupa navigasi link. Fungsi menubar yaitu untuk menyimpan link-link penting di suatu blog, agar pengunjung dapat lebih mudah mengunjungi halman-halaman utama yang ada pada suatu blog itu. Pada postingan sebelumnya saya juga telah menjelaskan bagaimana cara membuat menubar pada template klasik.  Namun, bedanya kali ini membuat menubar pada custom template. Untuk melihat bagaimana screenshot menubarnya lihat di bawah ini:
  nah, cara membuat menubar di blog tidak sulit kok.

1. Login pada blogger
2. masuk ke halaman Template
3. Edit HTML
4. Cari kode ]]></b:skin> (gunakan ctrl+f)
5. Pasang kode di bawah ini di atas kode ]]></b:skin>

<div class="mattblacktabs">
<ul>
<li><a href="http://ncunbalap.blogspot.com/" target="_blank">Home</a></li>
<li><a href="https://www.facebook.com/ncun.jokybalap?ref=tn_tnmn" target="_blank">Facebook</a></li>
<li><a href="http://ncunregge.blogspot.com/" target="_blank">software</a></li>
<li><a href="http://ncunlov.blogspot.com/" target="_blank">Lock Folder Win 7</a></li>
<li><a href="http://ncunregge2.blogspot.com/" target="_blank">Upgrade Win7</a></li>
<li><a href="http://windowsncun.blogspot.com/" target="_blank">Masalah pada Os</a></li>
<li><a href="http://ncunlinefollower.blogspot.com/" target="_blank">Line Follower</a></li>

</ul>
</div>

9. Simpan Template dan lihat hasilnya

Keterangan:
  • Ganti tulisan yang berwarna Merah dengan url link menubar yang diinginkan, misal: link postingan, link kategori, link halaman statis atau lainnya
  • Untuk mengubah panjang menubar bisa sobat ganti tulisan 900px menjadi sesuai dengan keinginan sobat
  • Nah, jika sobat ingin menambah item menubar (list), sobat hanya tinggal Copy kode yang bergaris bawah, dan Paste di bawah kode yang bergaris bawah tersebut.
  • Di setiap blog juga ada juga yang berbeda tanda kutipnya. Sobat bisa menelitinya lagi. Tanda kutip ' atau "
Bagaimana? mudah kan. Inget sob, kunci utama keberhasilan membuat menubar pada blog yaitu ketelitian dalam mengedit dan memasang kode css/htmlnya. Misalkan ada yang kurang atau kesalahan sedikit, menubar itu malah jadi gagal alias tidak terpasang. Jadi, sobat harus lebih teliti ya agar tidak keliru, good luck sobat ;)

Tidak ada komentar:

Posting Komentar