Tutorial : Menu tab di tepi blog


Assalamualaikum & holaa uollss!!


Hari ni rajin sikit nak buat tutorial.. Hehehe.. Sebenarnya aku nak ubah menu tab aku tukar ke jenis imej.. Untuk memudahkan aku di lain hari, kot2 la nak cari balik tuto buat benda ni better aku buat tutorial camna nak buat kan? Tak la susah nak cari nanti.. 


Tu haa menu tab yang kat sebelah kiri tuu..

Caranya senang saja..

1. Add a gadget > HTML/JavaScript..

2. Copy & paste coding ni ke dalam HTML tu tadi.


<div style='display:scroll; position:fixed; top:200px; left:-20px;'>
<style>
.menu-vertikal, .menu-vertikal li ul{
list-style-type: none;
margin: 40px;
width: 145px;} //lebar kotak menu
.menu-vertikal li{position: relative;}
.menu-vertikal li a{
background: #FFC9EE; //warna kotak menu
border: 2px dotted #000000;
font: bold 12px Verdana, Helvetica, sans-serif;
color: #000000; display: block; width: auto;
padding: 5px 0;padding-left: 5px; text-decoration: none;}
.menu-vertikal li ul{position: absolute; width: 250px; display: none;}
.menu-vertikal li ul li{float: left;}
.menu-vertikal li ul a{width: 145px;}
.menu-vertikal li a:visited, .glossymenu li a:active{color: white;}
.menu-vertikal li a:hover{
background: #6BC1FB;} //warna kotak menu bila dihalakan cursor
</style>
<ul id="verticalmenu" class="menu-vertikal">
<li><a href="URL"> LABEL MENU</a></li>
</ul>
</div>


3.  Untuk URL tu masukkan link untuk menu tu. LABEL MENU tu pulak nama menu yang korang nak. Contohnya macam ni..
<li><a href="http://anne-nurain.blogspot.com"> HOME</a></li>

4. Korang bolehlah copy & paste coding kat atas ni banyak kali. Ikut korang la nak ada berapa menu.

5. Kalau nak ubah warna background ke, jenis border ke, jenis font atau lain2 lagi, korang just tukar nilai yang ada kat dalam coding atas tu.. Pandai2 la try & error.. Jangan terus save, preview dulu tau?? Kalau dah OK, dah kena dengan citarasa korang, baru la save..



Follow blogshop saya!


Like page online shop saya!



2 comments:

komen la banyak mana pun, i like comments!! muehehehe~~

Anne Nurain