Followers
About Me
Labels
Blogger
(1)
cinta
(6)
facebook
(9)
komputer
(3)
teknologi
(1)
Tips n Trick
(2)
tips n trik
(14)
virus
(1)
Kamis, 18 November 2010
Membuat Navigas Horizontal 6 Tab
Akhirnya bisa juga bikin menu bar. Agak sulit sih (maklum amatir). tapi tenang saja, saya akan ajarkan pada anda dengan cara yang seksama dan dalam tempo yang sesingkat-singkatnya hehe
Langsung saja ke TKP :
1. Login ke blogger anda > Layout >> Edit HTML
2. Cari Kode
<div id='header-wrapper'> <b:section class='header' id='header' maxwidgets='1' showaddelement='no'> <b:widget id='HTML5' locked='true' title='' type='HTML'/>
lalu ganti ganti sedikit menjadi seperti ini
<div id='header-wrapper'> <b:section class='header' id='header' maxwidgets='4' showaddelement='yes'> <b:widget id='HTML5' locked='false' title='' type='HTML'/>
3. cari kode
]]></b:skin>
lalu letakan kode ini di atasnya
/*- Menu Tabs 6--------------------------- */
#tabs6 {
font: bold 11px/1.5em Verdana;
float:left;
width:100%;
background:transparent;
line-height:normal;
}
#tabs6 ul {
margin:0;
padding:10px 10px 0 50px;
list-style:none;
}
#tabs6 li {
display:inline;
margin:0;
padding:0;
}
#tabs6 a {
float:left;
background:url("http://i953.photobucket.com/albums/ae17/abi-galoga/tableft6.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#tabs6 a span {
float:left;
display:block;
background:url("http://i953.photobucket.com/albums/ae17/abi-galoga/tabright6.gif") no-repeat right top;
padding:5px 15px 4px 6px;
color:#FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs6 a span {float:none;}
/* End IE5-Mac hack */
#tabs6 a:hover span {
color:#FFF;
}
#tabs6 a:hover {
background-position:0% -42px;
}
#tabs6 a:hover span {
background-position:100% -42px;
}
Simpan
5. Masuk ke Page Elements (Elemen Laman) > Add a Gadget di atas kotak header >> masukan kode ini
<div id="tabs6">
<ul>
<li><a href='#' title='Judul link' class='current'><span>judul</span></a></li>
<li><a href='#' title='Judul link' class='current'><span>judul</span></a></li>
<li><a href='#' title='Judul link' class='current'><span>judul</span></a></li>
<li><a href='#' title='Judul link' class='current'><span>judul</span></a></li>
</ul>
</div>
Keterangan : ganti tanda pagar dengan alamat yang anda tuju, judul link dan judul di isi terserah anda.
Langsung saja ke TKP :
1. Login ke blogger anda > Layout >> Edit HTML
2. Cari Kode
<div id='header-wrapper'> <b:section class='header' id='header' maxwidgets='1' showaddelement='no'> <b:widget id='HTML5' locked='true' title='' type='HTML'/>
lalu ganti ganti sedikit menjadi seperti ini
<div id='header-wrapper'> <b:section class='header' id='header' maxwidgets='4' showaddelement='yes'> <b:widget id='HTML5' locked='false' title='' type='HTML'/>
3. cari kode
]]></b:skin>
lalu letakan kode ini di atasnya
/*- Menu Tabs 6--------------------------- */
#tabs6 {
font: bold 11px/1.5em Verdana;
float:left;
width:100%;
background:transparent;
line-height:normal;
}
#tabs6 ul {
margin:0;
padding:10px 10px 0 50px;
list-style:none;
}
#tabs6 li {
display:inline;
margin:0;
padding:0;
}
#tabs6 a {
float:left;
background:url("http://i953.photobucket.com/albums/ae17/abi-galoga/tableft6.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#tabs6 a span {
float:left;
display:block;
background:url("http://i953.photobucket.com/albums/ae17/abi-galoga/tabright6.gif") no-repeat right top;
padding:5px 15px 4px 6px;
color:#FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs6 a span {float:none;}
/* End IE5-Mac hack */
#tabs6 a:hover span {
color:#FFF;
}
#tabs6 a:hover {
background-position:0% -42px;
}
#tabs6 a:hover span {
background-position:100% -42px;
}
Simpan
5. Masuk ke Page Elements (Elemen Laman) > Add a Gadget di atas kotak header >> masukan kode ini
<div id="tabs6">
<ul>
<li><a href='#' title='Judul link' class='current'><span>judul</span></a></li>
<li><a href='#' title='Judul link' class='current'><span>judul</span></a></li>
<li><a href='#' title='Judul link' class='current'><span>judul</span></a></li>
<li><a href='#' title='Judul link' class='current'><span>judul</span></a></li>
</ul>
</div>
Keterangan : ganti tanda pagar dengan alamat yang anda tuju, judul link dan judul di isi terserah anda.
Langganan:
Posting Komentar (Atom)
Visitor
Blog Archive
-
▼
10
(68)
-
▼
Nov 2010
(67)
- Manfaat Ciuman
- Cara menambahkan widget Kirim SMS
- Membuat Navigasi Melayang
- Cara Membuat Navigasi Fixed
- Membuat Navigas Horizontal 6 Tab
- Cara Membuat Teks Kursor
- Membuat Fungsi Scrol Archive Pada Blog
- Cara Pasang Tombol Like Facebook
- Membuat Teks Berjalan Pada Blog
- Cara Membuat Google Translate
- cara hacking situs paling mudah
- 10 penyebab komputer error
- 5 cara supaya di sukai atasan
- 10 tips supaya anak rajin membaca
- 10 hal yang harus di hindari sebelum usia 30
- Tips Memilih Nama Domain Website.
- Pentingnya Kejujuran
- Tanda Tanda Kecil Kiamat
- 4 Kunci sukses dalam menjalin hubungan
- MU ajukan Syarat Untuk Buffon
- 150 Fakta terunik di Dunia
- Alasan mengapa orang tidak meraih kesuksesan
- 10 kisah Cinte Paling Legendaris di Dunia
- Tips dan trik bermain Counter Strike
- 10 Orang paling Jenius di usia muda
- gambar - gambar yang bisa membuat anda terhipnotis
- 5 hal yang Sebaiknya tidak dilakukan di Twitter
- 13 larangan Facebook yang wajib anda ketahui
- 7 Karakteristik Cewek Jomlo di Internet
- Tipe Ibu yang manakah Anda
- Tipe Ibu yang manakah Anda
- 5 Pelajaran paling Berharga di dalam Kehidupan
- Psikologi Berdasarkan Warna
- 10 cara Memperkuat Otak Berdasarkan hasil Penelitian
- 10 tipe wanita yang Paling di cari
- 10 Keuntungan di Balik Senyuman
- Kata-kata Mutiara dalam cerita Sponge Bob
- Kata-Kata untuk meraih Kesuksesan
- Makna Cinta dari Berbagai referensi
- Kata-kata Mutiara Motivasi
- 10 Pemain Sepak Bola terkaya di Dunia
- 20 Sifat Manusia yang menghancurkan diri sendiri
- Kata-kata mutiara dalam kehidupan
- Kumpulan Kata Bijak tentang Cinta
- Kata Bijak Dalam Film Naruto
- 10 Kiat Utama Menjadi PRIBADI yang DISUKAI
- Profile Mr, Bean di Dunia Nyata
- Software Buat Membantu Mengerjakan Soal Matematika
- Tanda Tanda Kiamat
- 50 Situs Paling Jahil dan Menyeramkan di Dunia
- MU ajukan Syarat Untuk Buffon
- Ronaldo Mengisyaratkan Kembali ke MU
- Cara Mengetahui Orang Yang jatuh Cinta Sama Kita
- 10 Cara Menjadi Orang Menyenangkan
- Aplikasi Sms Bomb | Sms Flood HP Hack
- Search Engine Baru Khusus Hacker
- Cara Blokir No Telpon yang tidak diinginkan
- Cara Update Status Fb Otomastis
- Pantun Lucu
- Status Facebook (Kata - Kata Lucu)
- Status Facebook (Kata - Kata Gokil)
- Status Facebook (Kata - Kata Mesra)
- Status Facebook (Kata - Kata Cinta)
- Status Facebook (Kata - Kata Mutiara)
- Status Facebook (Kata - Kata Bijak)
- Mengurangi Pembajakan Dengan Menggunakan Software ...
- biodata
-
▼
Nov 2010
(67)
0 komentar:
Posting Komentar