Membuat menu navigasi horisontal di blogspot (css menu)

Selain menggunakan menu horisontal bercabang (drop down menu) , kita juga bisa membuat menu horisontal sederhana (tanpa cabang) ataupun membuat menu horisotal bercabang dengan script css . Seperti yang telah saya buat dalam postingan sebelumnya tenang menu horisontal versi dynamic drive, maka kali ini akan dibuat versi css menu maker. Tampilan menunya bisa dilihat pada gambar di bawah ini. Ini adalah contoh menu navigasi horisontal yang dinamai oleh pembuatnya dengan nama massive blue

Untuk membuatnya bisa lakukan posedur berikut:


1. Login ke akun blogger
Pilih Dashboard - Tata letak - Edit HTML


cari kode berikut:

]]></b:skin>

2. Di bagian atas kode tersebut masukkan kode berikut

#menu {
background: #333;
float: left;
list-style: none;
margin: 0;
padding: 0;
width: 100%;
}
#menu li {
float: left;
font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
margin: 0;
padding: 0;
}
#menu a {
background: #333 url("http://i47.tinypic.com/n1bj0j.jpg") bottom right no-repeat;
color: #ccc;
display: block;
float: left;
margin: 0;
padding: 8px 12px;
text-decoration: none;
}
#menu a:hover {
background: #2580a2 url("http://i49.tinypic.com/2vjbz4g.jpg") bottom center no-repeat;
color: #fff;
padding-bottom: 8px;


6. Pilih gadget html/javascript
masukkan script berikut :

<ul id="menu">
<li><a href="#">Clothes</a></li>
<li><a href="#">Dress for man</a></li>
<li><a href="#">Women's clothes</a></li>
<li><a href="#">Summer dress</a></li>
<li><a href="#">Artikel Komputer</a></li>
</ul>

Catatan:
Pada script di atas
Ganti semua tanda # pada href="#" dengan url target atau url tujuan.
Teks Clothes , Dress for man, Wome

Lenovo IdeaPad S10-3s Putih

Model ini mempunyai port USB, LAN, dan audio yang tertutup rapih dibalik pintu plastik. Bagi kita yang tidak cocok dengan warna Merah dan Hitam dari model terdahulu S10-3, maka Lenovo mempersembahkan si Putih langsing ini.

Desain Dengan Port Tertutup

Model terbaru Lenovo IdeaPad S10-3s ini merupakan variasi berikutnya dari seri Lenovo IdeaPad S10-3 yang sudah ada dari awal tahun. Perbedaan fisik terlihat dari hampir semua port di S10-3s yang tertutup pintu plastik kecuali port VGA. Perubahan ini memberikan kesan bahwa S10-3s lebih langsing. Warna Putih ( satu satunya warna yang tersedia per awal Juli ini ) menjadikan mini notebook in

Perbandingan Notebook Graphics ATI dan NVIDIA

Graphics integrated maupun dedicated dari ATI dan NVIDIA menjadi pilihan bagi kita yang ingin kecepatan lebih di aplikasi graphics dan game 3D. Tambah.info menghadirkan tampilan terbaru dari merangkum informasi mengenai model notebook dan tipe

Sony VAIO Z Review

The VAIO Z is Sony's 13.1-inch ultra-portable powerhouse. Features like Core i5 and i7 processors, RAID0 hard drive arrays and 1080P displays never end up describing a 13-inch notebook, but with Sony it does. The VAIO Z also offers switchable graphics with the NVIDIA GeForce GT 330M to give users solid gaming performance one second and low-power consumption the next. In this review we take a look at a modestly equipped Sony VAIO Z and see how it stacks up against the competition........