=xXx+=(EXPLORATION)+==xXx==

Home » Tips Blogger » Make Menu On Blog

Make Menu On Blog

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 {
margin:0;
padding:0;
font: bold 11px/1.5em Verdana;
}

#tabs {
float:left;
width:100%;
background:#000;
font-size:93%;
line-height:normal;
}
#tabs ul {
margin:0;
padding:10px 10px 0 50px;
list-style:none;
}
#tabs li {
display:inline;
margin:0;
padding:0;
}
#tabs a {
float:left;
background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJXRGOH2ZbgJZ8UHRRdxTvbquD1Xcgg9_wOWBkPdCrmC5Swvvg9gSBgqwIlL0IjISdnH_8kNacj-ltXDqT1TA4RVWZ3Dy63T08QyfFjIWCltAYGwTQ8VvM4985R6_k7xBHrXZqvrcqGBY/") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#tabs a span {
float:left;
display:block;
background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX6FICjLOjUVFISDFa6SefrVqmVHLt6IX8D091UyibeksXETkXkleMKBm1k_tEiIFfOfay4vgNATCEmW8Nr_Rq9rgxW3xT7w9S3-vzQxNDFOeuZAE7NBkajjeJZTltu0wTJyVoxd4DIGA/") no-repeat right top;
padding:5px 15px 4px 6px;
color:#FFF;
}
#tabs a span {float:none;}

#tabs a:hover span {
color:#FFF;
}
#tabs a:hover {
background-position:0% -42px;
}
#tabs a:hover span {
background-position:100% -42px;
}

#tabs #current a {
background-position:0% -42px;
}
#tabs #current a span {
background-position:100% -42px;
}

</style>
<div id="tabs">
<ul>
<li><a href="Url/alamat link target 1"><span>MENU 1</span></a></li>
<li><a href="Url/alamat link target 2"><span>MENU 2</span></a></li>
<li><a href="Url/alamat link target 3"><span>MENU 3</span></a></li>
<li><a href="Url/alamat link target 4"><span>MENU 4</span></a></li>

<li><a href="Url/alamat link target 5"><span>MENU 5</span></a></li>
<li><a href="Url/alamat link target 6"><span>MENU 6</span></a></li>
<li><a href="Url/alamat link target 7"><span>MENU 7</span></a></li>
<li><a href="Url/alamat link target 8"><span>MENU 8</span></a></li></ul>
</div>

NB: ganti teks yang bewarna merah sesuai keinginan 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