manusia berubah ketika status mereka berubah. Hanya beberapa orang yang mengingat seperti apa hidupnya dahulu

Total Tayangan Laman

Entri Populer

Kamis, 03 November 2011

cara membuat menu navigasi

mau buat menu navigasi buat mempercantik blog anda dan menghemat ruang blog anda?
berikut adalah langkah2nya
1.buka rancangan>edit HTML>centang kalimatctrl+F
2.copy code dibawah ini




/* Navigasi buat si juleha
----------------------------------------------- */
#juleha{
height:25px;
text-align: center;
}

#juleha a{
margin:0;
font-size:1.2em;
font-weight:bold;
letter-spacing:-1px;
background-color: #cccccc;
color: #000000;
padding-top:2px;
padding-bottom:2px;
padding-left:4px;
padding-right:4px;
}

#juleha a:hover{
text-decoration:none;
padding:34px 5px 41px 5px;
background-color: #0326FC;
background-repeat: repeat-x;
color:#A7FC03;
padding-top:2px;
padding-bottom:2px;
padding-left:4px;
padding-right:4px;
}

kemudian cari code ]]></b:skin>
dan simpan diatas code ]]></b:skin>


3.cari code 
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p> 

    dan simpan code berikut dibawah code tadi 
<div id="juleha">
<a href="#" target="_blank">Link 1</a>
<a href="#" target="_blank">Link 2</a>
<a href="#" target="_blank">Link 3</a>
<a href="#" target="_blank">Link 4</a>
<a href="#" target="_blank">Link 5</a>
</div>

  
4.berikut penjelasan dari bagian2 code yg dapat anda rubah
A.text-align: center; kode untuk memposisikan tombol-tombol berada di tengah-tengah, jika ingin mepet di sebelah kiri ganti kata Center dengan kata left, jika ingin mepet kanan, ganti dengan right.
B.font-size:1.2em; ukuran huruf yang di pake sebesar 1.2,ganti ukurannya dengan mengganti angkanya
C.font-weight:bold; agar link yang di tulis hurufnya di cetak tebal, jika tidak mau ganti saja tulisan bold dengan tulisan normal
D.background-color: #cccccc; kode untuk membuat warna latar belakang tombol. kode warna #cccccc adalah kode untuk abu-abu, silahkan sobat ganti dengan warna yang anda inginkan
E.color: #000000; kode untuk warna huruf link, #000000 adalah kode warna hitam, silahkan ganti dengan warna yang anda inginkan   
F.background-color: #0326FC; kode untuk membuat warna latar belakang tombol ketika mouse menyorot. kode warna #0326FC adalah kode untuk biru, silahkan anda ganti dengan warna yang anda inginkan
G.color:#A7FC03; kode untuk warna huruf link ketika mouse menyorot, #A7FC03 adalah kode warna hijau terang, silahkan ganti dengan warna yang anda inginkan
   (jika ingin tau code2 wana silakan ke sini)
    <div id="juleha">
<a href="#" target="_blank">Link 1</a>
<a href="#" target="_blank">Link 2</a>
<a href="#" target="_blank">Link 3</a>
<a href="#" target="_blank">Link 4</a>
<a href="#" target="_blank">Link 5</a>
</div> 


H.<a href="#" target="_blank">Link 1</a> kode untuk membuat link.
I.href="#" ganti tanda pagar (#) dengan URL atau link yang ingin sobat tuliskan. contoh : jika saya ingin membuat link ke blog ini, maka tanda pagar tadi saya ganti dengan http://setiadikira.blogspot.com
J.target"_blank" adalah kode untuk memunculkan jendela baru ketika link di klik oleh pengunjung, bila tidak ingin ada jendela baru, maka hilangkan kode ini
K.link 1 ganti tulisan ini dengan tulisan link yang sobat inginkan. contoh : untuk menuliskan blog ini saya ganti dengan kata home
     maka akan jadi seperti ini
<a href="http://setiadikira.blogspot.com" target="_blank">home</a>
L.lakukan seperti itu jika masih ada link yg mau anda tambahkan jika sudah tak ada akhiri dengan </div>
5.klik PRATINJAU untuk melihat contoh hasil yg anda lakukan
6.jika sudah sesuai klik SIMPAN TEMPLATE,menu navigasi di blog anda siap digunakan




selamat mencoba^_^

 

0 komentar:

Posting Komentar