Blog In A Bottel bag 3

Memasang Tab Menu

Postingan Sebelumnya : Bag 1 | Bag 2

Yok ! kita lanjutkan lagi meredesain layout " Blog In A Bottel ". pada bagian yang ketiga ini kita akan menambah atau memasang Tab Menu di bagian tutup botolya.

Kode Tab Menunya sendiri  kita beri yang simple dulu.

Yok kita mulai.

Langkah Pertama :

cari tag top header ini.

#topheader {
  css..kode......
  bla..bla..bla
}

setelah ketemu di bawahnya

letakan atau simpan kode berikut ini.

#tophed {
float:left;
width:100%;
background:transparent;
font-size:93%;
}

#tophed ul {
margin:20px 0 0 160px;
padding:1px 10px 0px 23px;
list-style:none;
}

#tophed li {
display:inline;
margin:0;
padding:0;
}

#tophed a {
float:left;margin:0;
padding:5px 15px 4px 9px;
text-decoration:none;
color:#000;
}

#tophed a:hover {
background-position:0% -42px;
color:#999;
}

 

Langkah Kedua :

cari kode ini.

<div id='topheader'/>

kemudian ganti dengan kode di bawah ini.

<div id='topheader'><div id='tophed'>
<ul>
<li><a href='#' target='_blank'>sotoshop</a></li>
<li><a href='#' target='_blank'>Css html</a></li>
<li><a href='#' target='_blank'>skectup</a></li>
<li><a href='#' target='_blank'>login</a></li>
<li><a href='#' target='_blank'>about</a></li>
</ul>
</div></div>

 

# = tanda tersebut ganti dengan alamat / lokasi link tujuan.

Ok !

sampe sini dulu  membuat " Blog In A Bottel ". dan sampai ketemu lagi pada artikel " Utak Atik Template Blogspot " berikutnya.

Jika ada kekeliruan atau kekurangan, silahkan beri  komentar atau sarannya.

Postingan Sebelumnya :

1. Utak Atik Template Blogspot " Blog In A Bottel " bag 1

2. Utak Atik Template Blogspot " Blog In A  Bottel" bag 2

 

Technorati tags: Utak-Atik Template, Tutorial Blogger