Rabu, 24 November 2010

sungai Penuh Online : Menu Navigasi Horizontal Dengan CSS dan Kode Html

Selamat Malam Sobat Blogger, tadi ketika browser di blog tetangga ketemu ama kawan sesama blogger KoKo Bota Bitung terus pelajari ne tutorial sobat kita itu..terus SPN update untuk di beritahukan kepada sesama blogger lainnya, karena penting juga ne tutorial....Hmmm
Silahkan Ikuti Langkah-langkah Berikut ini:
1.Silahkan Login Ke Blogger
2.Pada Dasbor Klik Tata Letak/Rancangan
3.Klik Add Gadget->>Html/Javascript
4.Kemudian masukan Code scriptnya lalu klik Simpan Jika Sudah Selesai
5.Lalu Tarik widget Hmtl/javascript ke bawah Header Seperti Pada Gambar Di bawah ini



IMAGE DEMO


CODE




<style> #tabs { font: bold 7.5pt Verdana; } #navcontainer { float:left; margin: 0; padding: 8px 0px; width:100%; background:#575656; font-size:93%; line-height:normal; } ul#navlist { margin: 0; padding: 0; list-style-type: none; white-space: nowrap; } ul#navlist li { float: left; font: bold 7.5pt Verdana; line-height: 14px; margin: 0; padding: 5px 0 5px 0; } #navlist a, #navlist a:link { margin: 0; padding: 10px; color: #fff; border: 4px solid #575656; text-decoration: none; } #navlist a:hover { color: #fff; border: 4px solid #fff; } </style> <div id="navcontainer"> <ul id="navlist"> <li><a href="#"><span>Link 1</span></a></li> <li><a href="#"><span>Link 2</span></a></li> <li><a href="#"><span>Link 3</span></a></li> <li><a href="#"><span>Link 4</span></a></li> <li><a href="#"><span>Link 5</span></a></li> <li><a href="#"><span>Link 6</span></a></li> <li><a href="#"><span>Link 7</span></a></li> </ul> </div>




Silahkan Mencoba dan Happy Blogging...Salam Blogger

Artikel yang berkaitan




0 komentar:

Posting Komentar



Bagi yang ingin belajar PHP / HTML / MySQL Dan ingin membuat WEBSITE SENDIRI dengan sangat Mudah dan Murah sambil langsung praktek, Saya rekomendasikan anda belajar DI SINI atau DI SINI «« di klik biar situsnya keluar, 4 langkah Mudah dan 3 langkah JITU Murah dan Mudah Membuat WEBSITE. D12UL. D12UL


Twitter Delicious Facebook Digg Favorites More