1. Loggin ke blogger. Pada halaman Layout pilih Edit HTML. Masukkan kod dibawah sebelum ]]></b:skin>
/*Vertikal Menu
---------------------------------*/
.vertikalmenu{
list-style-type: none;
margin: 0;
padding: 0;
width: 180px; /* Lebar Menu vertikal*/
}
.vertikalmenu li{
border-bottom: 1px solid white;
}
.vertikalmenu li a{
background: #000000 ; /*Warna background Menu Vertikal*/
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana;
display: block;
color: white;
width: auto;
padding: 5px 0;
text-indent: 8px;
text-decoration: none;
border-bottom: 1px solid black;
}
.vertikalmenu li a:visited, .vertikalmenu li a:active{
color: white;
}
.vertikalmenu li a:hover{
background-color: #737373; /*Warna Background bila Mouse diarahkan*/
color: white;
border-bottom: 1px solid black;
}
2. Perhatikan kod2 berwarna merah. Tukarkannya bersesuaian dengan blog Antum. Kod warna Disini. Setelah selesai klik butang save.
3. Seterusnya beralih ke bahagian Page Elements. Di bahagian sidebar, klik Add a Gadget => HTML/Javascript. Masukkan kod berikut.
<ul class="vertikalmenu">
<li><a href="/">» HOME</a></li>
<li><a href="http://almansuqie-tips.blogspot.com">» AlmansuQie Tips</a></li>
<li><a href="link kedua">» Al Quran & Sunnah</a></li>
<li><a href="link ketiga">» Peribadi</a></li>
<li><a href="link keempat">» Hadis 40 AnNawawi</a></li>
<li><a href="link kelima">» Himpunan Doa</a></li>
</ul>
4. Gantikan text2 berwarna merah dan biru. Selesai..
8 Komentar:
THANX FOR INFO..
I LIKE THIS SITE...
terima kasih..
hanya ALLAH sahaja yang membalas jasa baik abang..
Thanx for info Alman..ana dah berjaya buat tab macam ni. tapi ana nak tanya cara nak publish posting di bahagian tab ni gimane care. ana pusing nih. Bila ana tengok di blog http://lutfi-rifai.web.net sama http://tutorialgratis.net seronoknya mereke, tapi knape ana tak bjaya buat publishnye. Plis help me
Mas mahu buat yang ini ke?? cuba klik link dibawah.
Cara Membuat Menu Tab View
tuan, sebab apa saya punya menu tab ada simbol macam kotak berselang dgn tab? pls visit my under construction blog easyreadquran.blogspot.com
lo bikinnya di widget WP gimana caranya x...........
Salam..
Gantikan text2 berwarna merah dan biru. Selesai..
boleh ajarkan tulisan tu digantikan dengan apa?
hai =((
:-/
Post a Comment
1. Berilah Teguran/Komen Walau Sepatah Kata..
2. Komenlah Dengan Nama dan Blog Sendiri
3. Boleh Guna Kod² Seperti Ini <b>, <i>, <a>