Membuat Menu Horizontal Sederhana Di Blog

Membuat Menu Horizontal di Blog ada yang di letakkan dibawah atau diatas header blog, semuanya tergantung keinginan masing - masing pemilik blog.

Disini saya membuat menu horizontal yang sederhana saja dan langkah-langkah sebagai berikut:
1. Masuk diblog
2. Pilih Template dan Klik Edit HTML
3. Lalu Centang Expand Template Widget
4. Kemudian Cari kode ]]></b:skin>(pakai ctrl + F
   biar mudah pencarian)
5. Copy Kode dibawah ini dan letakkan diatas kode
   ]]></b:skin>
6. Klik Simpan

/* Navigasi tabs Sederhana */
a.burastabs, a.burastabs:link, a.burastabs:visited {display:block; width:102px; height:40px; background:#d85d39; border:2px solid #d85d39; margin-top:2px; text-align:center; text-decoration:none; font-family:Times New Roman, sans-serif; font-size:14px; font-weight:bold;color:#FFFFFF; line-height:25px; overflow:hidden; float:left;} a.burastabs:hover {color:#3ad85e; background:#d85d39;}
#burasbar {width:auto; margin:0 auto;}
/* Navigasi tabs Sederhana Ends */

Kemudian pindah ke :

> Masuk ke Page Elements > Klik Add a Gadget
> Copy kode HTML di bawah ini dan masukan ke
  Add a Gadget

<div id=style='' width='100%'>
<text align='center' style='font-size: 20px; color: #FF6600'>
<span style='font-family: Times,"Times New Roman",serif;'><span style='font-weight:bold;'>
<div id='burasbar'>
<a href="LINK"class="burastabs">NAMA</a>
<a href="LINK"class="burastabs">NAMA</a>
<a href="LINK"class="burastabs">NAMA</a>
</div></span></span></text></div>

Untuk tulisan LINK yang berwarna MERAH ganti dengan Link Blog kamu dan tulisan NAMA ganti juga sesuai dengan keinginan pemilik blog.

Lanjut lagi Selanjutnya masuk ke Laman seperti pada gambar di bawah ini :

Kemudian pilih Laman Baru :

Lalu Copy Kode di bawah ini dan masukan ke dalam Laman Baru tersebut.

<div id="tabshori">
<ul>
<li><a href="http://warnetdjnet568.blogspot.com/2015/02/pasang-iklan-disini.html">Jenis Tinta Printer</a></li>
<li><a href="http://warnetdjnet568.blogspot.co.id/2015/12/jenis-jenis-printer.html">Kekurangan Printer</a></li>
<li><a href="http://warnetdjnet568.blogspot.co.id/2015/12/fungsi-dan-cara-kerja-card-reader.html">Pembaca Kartu Memori</a></li>
<li><a href="Link Artikel">Judul Artikel</a></li>
<li><a href="Link Artikel">Judul Artikel</a></li>
</ul>
</div></div>

Untuk tulisan http://warnetdjnet568.blogspot.co.id/2015/12/jenis-jenis-printer.html ganti dengan Link Artikel Blog kamu dan tulisan Jenis Tinta Printer ganti juga sesuai dengan judul artikel blog.

Hasilnya akan seperti ini :

Demikian postingan Membuat Menu Horizontal Sederhana. Terima kasih dan selamat mencoba semoga berhasil.

Selamat Datang Para Blogger, Silahkan Tulis Komentar Anda Yang Bisa Membangun Blog Ini Agar Tetap Hidup. Terima Kasih Atas Kunjungannya Ke Blog Sederhana Ini. Selamat Membaca Semoga Bermanfaat