Membuat Horizontal Menu

Menu yang dipajang dibawah header memang posisi yang pas ketimbang disamping kanan / kiri blog. Nah untuk kali ini, saya akan membuat tutorialnya untuk membuat Horizontal menu sederhana :) . Namanya juga sederhana dan ala kadarnya, baru tersedia warna hitam bercorak merah oranye. Contohnya bisa anda lihat disini. Berikut Tutorialnya ...




Sebenarnya caranya cukup simpel :
1. Cari kode <head>
2. Tambahkan kode berikut dibawah kode <head>

<link href='http://trojanbuster.googlepages.com/menu_style_ebook.css' rel='stylesheet' type='text/css'/>


3. Langsung simpan.
4. Sekarang tambahkann sebuah elemen HTML dan pasang tepat dibawah header.
5. Isikan eleman HTML tadi dengan script berikut :

<ul class="menu red">
<li class="current"><a href="http://blogkamu.blogspot.com/" target="_self">HOME</a></li>
<li><a href="http://blogkamu.blogspot.com/search?max-results=300" target="_self">Archive</a></li></ul>


Jika ingin menambahkan menu baru tambahkan saja lagi kode :

<li><a href="http://blogkamu.blogspot.com/" target="_self">Judul Link</a></li></ul>

Panjang menunya bisa menyesuaikan kok, jangan khawatir kepanjangan atau kependekkan. Selamat mencoba :D ....

9 komentar:

16 Oktober 2008 pukul 08.41
Anonim mengatakan...

ya ampunnn .. uda cape2 ngetik komen malah errOr x(

thanx for the info aniwei :)

9 Maret 2009 pukul 02.30 Afiq Dableq mengatakan...

thanks

9 Maret 2009 pukul 11.48 Kang Ramdan 666 mengatakan...

makasih mas berguna :p

11 Agustus 2009 pukul 17.37 tips dan tutorial blogspot mengatakan...

maksih mas...dah diprakteki..cuman gimana caranya ya kalo disimpen dibawah header..soalnya ngga bisa mulu neh..makasih

26 Mei 2010 pukul 19.48 felognesia mengatakan...

wah ada blogs bagus ni...eh bang lam kenal ea..

7 November 2010 pukul 12.44 The12thPlayers mengatakan...

,zis cara buat blog di facebook thu gmana? maksud q buat kayag punya mu thu lho jogjawiki di facebook , ? tolong kasi tau ya zis , konco dwe lho hha :))

28 Juni 2011 pukul 14.58 adry mengatakan...

akhirnya dapat juga ,,, makasi

1 Agustus 2011 pukul 08.53 Aneka Tips and Trick' mengatakan...

Hooreee nggak berhasil Gan,,,heheee :D

25 Oktober 2011 pukul 19.42 Therealkutro mengatakan...

Warnanya cuma ada itu bro?

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Posting Komentar

Anda bisa menggunakan HTML seperti <b> , <i>, <s>, <a> ... Jangan spamming, komentar bernada spam akan kami hapus.
Terima kasih telah berkomentar di JogjaWiki

 
Grab this Widget ~ Blogger Accessories
 
© Copyright 2010 - Jogja Wiki Blog - Best viewed in 1152 x 864 pixel by Mozzila Firefox
Our Network at Bloggercustom and Healthy Tips | Post Entries | Comments -