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 ....

10 komentar:

16 Oktober 2008 08:41
naki mengatakan...

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

thanx for the info aniwei :)

9 Maret 2009 02:30 Education.....Adsence mengatakan...

thanks

9 Maret 2009 11:48 metal metal metal mengatakan...

makasih mas berguna :p

11 Agustus 2009 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

10 Desember 2009 06:56 aku mengatakan...

makasih infonya

26 Mei 2010 19:48 felognesia mengatakan...

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

7 November 2010 12:44 rezza hutama 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 14:58 adry mengatakan...

akhirnya dapat juga ,,, makasi

1 Agustus 2011 08:53 Aneka Tips and Trick' mengatakan...

Hooreee nggak berhasil Gan,,,heheee :D

25 Oktober 2011 19:42 Therealkutro mengatakan...

Warnanya cuma ada itu bro?

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

Poskan Komentar

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

 

Post yang berkaitan :

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 -