-->


Cara Memasang Menu Navigasi Horizontal

M

enu Navigasi Horizontal itu apaan ya .. kok masih bingung sih .. menu navigasi horizontal adalah tombol yang me-link ke beberapa alamat site yang kita pasang .. tapi dengan menampilkan shortcut dan tampilan yang elegan .. letaknya biasanya di bawah Header .. tapi dengan memasang trik ini .. jadi bagus kok blognya .. dan tidak ada kata jelek .. Kalau pengin tau caranya, langsung aja tak kasih caranya .. dan ikuti dengan benar langkah berikut ini :


1. Masuk ke ID blog sendiri ya
2. Langsung ke Edit HTML
3. Setelah itu cari kode ]]></b:skin> dan letakkan kode dibawah ini persis diatasnya
akatsuki sasori chibiPosting
/*-- (Menu/Nav) --*/
#nav{background:#000; height:30px; padding:5px 0 0; margin-bottom:0px; -moz-border-radius-bottomright:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-topright:5px; -moz-border-radius-topleft:5px}
#nav-left{float:left; display:inline; width:700px}
#nav ul{position:relative; overflow:hidden; padding-left:0px; margin:0; font:13pt comic sans ms,arial,sans-serif}
#nav ul li{float:left; list-style:none}
#nav ul li a, #nav ul li a:visited{display:block; color:#fff; margin:0 5px; padding:5px 4px; text-decoration:none}
#nav ul li a:hover{color:#800000; background-color:#fff; margin:0 5px; padding:5px 4px}
#nav ul li a.current, #nav ul li a.current:visited, #nav ul li a.current:hover{margin:0 8px; background-color:#fff; color:#fff; padding:5px 7px}


Cari lagi kode berikut ini : <div id='outer-wrapper'><div id='wrap2'> Kemudian taruh kode yang tertera dibawah ini tepat diatas kode : <div id='outer-wrapper'><div id='wrap2'>
akatsuki sasori chibiPosting
<div id='nav'>
<b:section class='header-tabs' id='header-tabs' preferred='yes' showaddelement='no'>
<b:widget id='LinkList1' locked='true' title='Top Tabs' type='LinkList'>
<b:includable id='main'>
<div class='widget-content'>
<b:if cond='data:title'/>
<div id='nav-left'>
<ul>
<li><a href='/'>Home</a></li>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
</div>
</div>
</b:includable>
</b:widget>
</b:section>
</div>


Dan terakhir save dan liat hasilnya .. KEREN
Blogger Yang Baek, Meninggalkan Jejak Berupa Komentar

Agan jadi Cuapers ke 0, CONGRATULATE !

: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
:46 :47 :48 :49
:50 :51 :52 :53
:54 :55 :56 :57
:58

Jangan lupa ada emo Kaskus diatas CommentBox Ini. Langsung dicoba gan ? Entar ane kasih cendol dah.

Protected by Copyscape Web Plagiarism Software
English French German Spain Italian DutchRussian Portuguese Japanese Korean Arabic Chinese Simplified