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