English French German Spain Italian Dutch

Russian Portuguese Japanese Korean Arabic Chinese Simplified
by : BTF
English French German Spain Italian Dutch

Russian Portuguese Japanese Korean Arabic Chinese Simplified
by : BTF
English French German Spain Italian Dutch

Russian Portuguese Japanese Korean Arabic Chinese Simplified
by : BTF
English French German Spain Italian Dutch

Russian Portuguese Japanese Korean Arabic Chinese Simplified
by : BTF

Rabu, 20 Mei 2009

StyledMenus: Koleksi Css Menu Navigasi

Sebenarnya banyak sekali contoh menu navigasi yang bisa anda temukan di search engine, tapi tidak semua menu yang anda temukan juga kompatibel dengan semua web browser (termasuk dalam platform blogger). Nah, biar anda tidak perlu pusing-pusing mencari pilihan CSS Menu, saya menyarankan anda untuk mengunjungi layanan StyledMenus.



StyledMenus merupakan kumpulan Style Css Menu navigasi yang didesain menggunakan kode CSS dengan gaya professional. Ada sekitar 20 lebih pilihan menu navigasi yang bisa anda gunakan untuk blog anda. Cara menggunakannya juga tidak begitu rumit, anda tinggal memilih saja contoh menu Css-nya kemudian mendownloadnya lalu memasangnya kembali diblog anda.


Cara menggunakannya di blogger:


1. Pilih menu CSS dan download, kemudian extract file zip tersebut.


2. Biasanya ada 3 file, CSS, HTML dan satu folder image


3. Upload semua file yang ada dalam folder image ke hosting anda atau tempat biasanya anda menyimpan gambar.


4. Ada 2 cara menggunakan kode CSS, bisa diupload di hosting lain atau langsung memasangnya di antara CSS kode dalam halaman EDIT HTML.

<link href="http://alamaturl.com/style.css" rel="stylesheet" type="text/css" />

Kode diatas untuk memanggil kode CSS jika di host dialamat lain

5. Jangan lupa menyesuaikan alamat lokasi gambar yang ada dalam kode CSS

6. Cara menggunakan menunya

<div id="menu">
<ul>
<li><a href="#" class="red">home</a></li>
<li><a href="#" class="orange">about us</a></li>
<li><a href="#" class="yellow">services</a></li>
<li><a href="#" class="green">solutions</a></li>
<li><a href="#" class="blue">contact us</a></li>
</ul>
</div>

7. Silahkan simpan pekerjaan anda dan lihat hasilnya :)
Postingan Terkait Lainnya :


Widget by zamzam

1 komentar:

asep canda on 21 Mei 2009 pukul 19.26 mengatakan...

keren kang info nya sukses terus ya

Artikel Terkait:

:10 :11 :12 :13
:14 :15 :16 :17
:18 :19 :20 :21
:22 :23 :24 :25
:26 :27 :28 :29
:30 :31 :32 :33
:34 :35 :36 :37
:38 :39 :40 :41
:42 :43 :44 :45

Posting Komentar

 

Pengikut

My Blog List

SMPN 16 Bekasi on Facebook
Widgets by: Zamzam

Dunia Teknologi & Dunia Blog Copyright © 2009 Black Nero is Designed by Ipietoon Sponsored by Online Business Journal