Bikin Menu Nafigasi Blogspot
Jadi saya putuskan untuk meminta petunjuk dengan om google, dan om google menyarankan saya untuk mengunjungihttp://oentoe09.blogspot.com disanalah akhirnya saya mendapatkan pencerahan.
Langkah-langkah yang harus dilakukan untuk menambahkan menu navigasi ini adalah sebagai berikut:
1. Login ke account blogger, tentu saja.
2. Masuk ke lay out, edit html, centang expand widget.
3. Cari kode </b:skin>
4. Kalo udah, paste script dibawah ini tepat di atas kode </b:skin> atau paste di antara <head> </head>
.menubar{
width: 100%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
font-style: normal;
text-decoration: none;
}
.menubar ul{
margin: 0;
padding: 0;
float: left;
width: 100%;
background: #FF6C00
border-top-width: 1;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #808080 border-right-color: #808080; border-bottom-color: #808080; border-left-color: #808080
}
.menubar ul li{
display: inline;
}
.menubar ul li a{
float: left;
color: #FFFFFF;
padding: 5px 11px;
text-decoration: none;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #C0C0C0
}
.menubar ul li a:visited{
color: #FFFFFF;
}
.menubar ul li a:hover, .menunav ul li .selected{
color: #FFFFFF !important;
padding-top: 5px;
padding-bottom: 5px;
background: #454545;
}.
Save Template, Kode yang berwarna silahkan diganti sesuai warna template.
5. langkah selanjutnya adalah pindah ke Page element, add gadget copy script ini
<div class="menubar">
<ul>
<li><a href="/">Home</a></li>
<li><a href="URL-1">Link-1</a></li>
<li><a href="URL-2">Link-2</a></li>
<li><a href="URL-3">Link-3</a></li>
</ul>
</div>
Silahkan edit, nama menunya serta link-nya.
selain itu kode tersebut juga bisa di paste di <body> </body> tepatnya di bawah kode header.
selamat mencoba.
Langganan:
Posting Komentar (Atom)
0 komentar:
Posting Komentar