Home » » Tab Menu Vertikal

Tab Menu Vertikal



 

Caranya adalah sebagai berikut :

1. Login ke akun Blog anda.
2. Pilih Rancangan, Add Gadget kemudian klik HTML/Java Script.
3. Copy Paste script di bawah ini ke dalam gadget HTML/Java Script anda.

<style type="text/css">

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0;
font-size: 80%;
font-weight: bold;
background: #FFF;
}
ul {
list-style: none;
margin: 0;
padding: 0;
}

img {
border: none;
}


#menu {
width: 200px;
margin: 5px;
}

#menu li a {
height: 32px;
voice-family: "\"}\"";
voice-family: inherit;
height: 24px;
text-decoration: none;
}

#menu li a:link, #menu li a:visited {
color: #FFF;
display: block;
background: url(https://lh6.googleusercontent.com/_1j80TgNqd_8/TbDbvTH4KoI/AAAAAAAACns/BrFma12kNvY/menu.gif);
padding: 8px 0 0 45px;
}

#menu li a:hover, #menu li #current {
color: #FFF;
background: url(https://lh6.googleusercontent.com/_1j80TgNqd_8/TbDbvTH4KoI/AAAAAAAACns/BrFma12kNvY/menu.gif) 0 -32px;
padding: 8px 0 0 45px;
}
</style>
<div id="menu">
<ul><li><a id="current" href="URL/alamat menu 1">Menu 1</a></li>
<li><a href="URL/alamat menu 2">Menu 2</a></li>
<li><a href="URL/alamat menu 3">Menu 3</a></li>
<li><a href="URL/alamat menu 4">Menu 4</a></li>
<li><a href="URL/alamat menu 5">Menu 5</a></li>
<li><a href="URL/alamat menu 6">Menu 6</a></li>
<li><a href="URL/alamat menu 7">Menu 7</a></li></ul>
</div>

NB:
ganti teks yang bewarna merah dengan keperluan anda

4. Save
♂ Good Luck ♀


Semua ini adalah apa yang pernah aku cobain sendiri . . dan aku dapat/mengerti dari teman2 blogger lainnya karena aku hanya seorang blogger pemula yang ingin mengetahui lebih banyak hal lagi . . . . Thank's
Share
Related Post

0 comments:

Archives

Label


ShoutMix chat widget
Guest Book
 

Subscribe Via Email

Enter your email address:

Delivered by FeedBurner

My Blog

Show

Exploration


Show

[Valid Atom 1.0]
Google PageRank Checker Powered by  MyPagerank.Net

Powered by FeedBurner

SEO Stats powered by MyPagerank.Net

Show

Show

Exploration

Welcome To My Blog

I hope you find what you're looking for here . . Thank you for visit to my simple blog . .

Rizky Maulana

This life is a sacrifice and struggle . . and I am just a man who wants to be better than ever . .