Cara Membuat Menu Navigasi Horizontal Sederhana di Blog | Untuk Kesempatan kali kita akan membahas menu ni sob. pastinya di blog kita memperlukan menu navigasi untuk mempermudah pengunjung untuk mencari konten konten yang lain di blog kita.
Untuk itu saya akan membagikan tutorial ini menu navigasi sederhana yang pastinya mudah di terapi dan simple sob bagi sobat yang ingin menggunkan tutorial ini dan memasang menu navigasinya bisa mengikuti tutorial di bawah ini :
- masuk ke blog sobat
- Pilih menu ''Tata Letak''
- Klik ''Tambah Gadget''
- Klik gadget ''HTML/JavaScript
- copy kode dibawah ini di tempat yang disediakan
<style type="text/css">
/*----------------------------------*/
.Nav a { width: auto; height: auto; text-decoration: none; }
.Nav a { text-align: center; text-decoration:none;color:#ffffcc; padding:1px 20px 1px 15px;font-weight:bold; font-size:12px; }
.Nav a:hover {padding:3px 20px 3px; 20px; text-align:center; text-decoration:none; color:#000033; font-weight:bold; border:3px; background-color: #000000;}
</style>
<div style="border: 3px solid #ffcc99; height:px;background-color:#4445d4;">
<div style="width: auto; padding: 10px;" class="Nav" align="left">
<a href="http://gias-alauddin.blogspot.com"><span style="font-weight:bold; color:#FFFF00; ">HOME</span></a>
<a href="#"<span style="font-weight:bold;color:#FFff00;">MENU 1</span></a>
<a href="#"<span style="font-weight:bold; color:#FFff00;">MENU 2</span></a>
<a href="#"<span style="font-weight:bold; color:#FFff00;">MENU 3</span></a>
<a href="#"<span style="font-weight:bold; color:#FFff00;">MENU 4</span></a>
</div></div>
- Ganti http://gias-alauddin.com dengan url blog sobat
- Ganti # dengan url yang kamu inginkan
- ganti tulisan yang berwarna merah dengan nama menu yang anda inginkan
- Setelah selesai, klik Simpan
Dan Demikianlah Artikel yang Bejudul ''Cara Membuat Menu Navigasi Horizontal Sederhana di Blog'' Semoga tutorial di atas bisa menjadi ilmu bagi sobat semua !
