BloonOnline GoTemplatez VersiEdan
Facebook Twitter You Tube Friendfeed
Blog Seo Intermezo

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.

tab menu

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

 

Page views this post: reader

2 komentar:

Anonymous said...

kah kah kah, ternyata lanjutannana ada... woow, aku masukin ke dlm daftar list mau dicobain.. aku mau coba jurus ini bikin botol kapan2.. tararengkyuuu

Anonymous said...

wah...keren and top abies ni template nya...:D

Post a Comment

" Apapun Yang Dapat Anda Lakukan, Atau Ingin Anda Lakukan Mulailah

Keberanian Memiliki Kecerdasan, Kekuatan Dan Keajaiban Di Dalam-nya"

Makacih Atas Komentar-Nya

 

Copyright 2009. Home | Serba Serbi Google | XHTML | CSS Design by Catalog-Tutorial