Navigasi Blog
Umumnya template blogspot yang masih standar belum memiliki menu navigasi. Kebetulan saya juga menemukan template, seperti yang saya gunakan sekarang, belum ada menu navigasinya.
Jadi saya putuskan untuk meminta petunjuk dengan om google, dan om google menyarankan saya untuk mengunjungi http://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
4. Kalo udah, paste script dibawah ini tepat di atas kode
.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
Silahkan edit, nama menunya serta link-nya.
selamat mencoba.
0 Comments:
Post a Comment