Membuat top navbar left right
22 April 2010
0
comments
nah bila sobat hendak memasang seperti itu ,,caranya cukup mudah...
pertama-pertama yang sobat lakuakan adalah tentunya,
1. login blogspot>>tataletak>>edit html;
2.lagkah selanjutnya setelah masuk menu edit html,centang expand widgets,lalu tekan [ctr+f] untuk memudahkan pencarian,kedudian cari ]]> ,kemudain
#topnavbar {langkah selanjutnya adalah
background: #E5ECF3 url();
width: 960px;
height: 30px;
color: #666666;
margin: 0px;
padding: 0px;
}
#topnavbar a, #topnavbar a:visited {
font-size: 11px;
font-weight: bold;
color: #666666;
text-decoration: none;
}
#topnavbar a:hover {
text-decoration: underline;
}
#topnavbar p {
font-size: 11px;
font-weight: bold;
padding: 0px;
margin: 0px;
}
.topnavbarleft {
width: 230px;
float: left;
margin: 0px;
padding: 8px 0px 0px 10px;
}
.topnavbarright {
width: 600px;
float: right;
margin: 0px;
padding: 7px 10px 0px 0px;
text-transform: uppercase;
text-align: right;
}
.topnavbarright a img {
border: none;
margin: 0px 3px 3px 0px;
padding: 0px;
}
kemudian copykan kode ini dibawah
kemudian save template ;dan coba liat hasilnya....
namun ada yang harus diperhatikan lebar template sobat berapa???...ini harus disesuaikan supaya enak keliatannya;karena template saya lebarnya 960,jadi ;
#topnavbar {
background: #E5ECF3 url();
width: 960px; ,nah sobat liat dulu sesuaikan dengan punya sobat,lebih gampangnya sobat liat ada widh navigation menu samakan,,
kemudian sobat bisa atur
.topnavbarleft { dan .topnavbarright { widhtnya,, berapa2nya;dan hasilnya akan seperti ini;
sobat pun bisa mengganti icon post comment dengan facebook,twitter dan lain2..