Assalamualaikum sobat, kali ini saya akan berbagi suatu trik yang sangat mudah "
Cara Membuat Menu Navigasi Seperti B.A.Y".Sebelumnya saya telah berikan trik yang error dan saya sudah hapus.Well, Untuk Membuat Menu Navigasi ini anda terlebih dahulu pahami
CSS dan HTML.Oke, Langsung saja yah
Tips:
- Login ke Blogger
- Masuk ke Menu Edit Template > Edit HTML
- Lalu Cari Kode ]]></b:skin> atau </style> dan letakan kode dibawah ini tepat diatasnya
#navigation {
width: auto;
height: auto;
float: right;
list-style-type: none;
margin: 0;
padding: 0px 3px 0px 0px;
margin-top: -50px;
margin-right: 9px;
background: #2c3e50;}
#navigation li {
font-family:"BebasNeue",Verdana,Sans-serif;
text-transform:uppercase;
display:inline;
float:right;
padding:0 0 0 5px;
margin:0 0 0 0;
line-height:40px;
font-size: 18px;
list-style-type: none;
}
#navigation li a {
color:#fff;
display:block;
padding:0 8px;
}
#navigation li a:hover {
background:#004a7a;
border-radius:4px;
}
Lalu Letakan kode HTMLnya tepat dibawah kode header kamu
<ul id='navigation'>
<li><a href='http://www.fb.com/daeng.yasdi'>Contact</a></li>
<li><a href='http://www.blogger.com/follow-blog.g?blogID=1787011316168922499'>Ikuti!</a></li>
<li><a href='http://yasdil-blog.blogspot.com/?m=1'>Versi Seluler</a></li>
<li><a href='http://yasdil-blog.blogspot.com/p/daftar-isi.html' rel='nofollow'>Daftar Isi</a></li>
</ul>
- Simpan Template
Nah, Gimana Gampang Banget kan.Trik ini saya dapatkan dari templateku(Mas Sugeng) lalu saya izin kepada Mas sugeng untuk pakai Menu Navigasi.Sekian dan semoga bermanfaat..:D