Cara Membuat Menu Navigasi Horizontal (New) Di Blogger

Diposting oleh Manz Dasilva on Sabtu, 14 Januari 2012

Kali ini Manz akan membahas tentang Cara Membuat Menu Navigasi Horizontal (New) Di Blogger. Menu Navigasi Horizontal ini sangat simple dan keren. Jika anda memasang Menu Navigasi Horizontah ini Loading Blog anda di jamin Work100% tidak akan memberatkan Loading Blog anda. Jika anda berminat Untuk Memasangnya ikuti Langkah - Lngkahnya di bawah ini.
.::Langkah - Langkah::.
1. Masuk ke akun blogger anda.
2. Klik Rancangan >> Tambah gadget >> Klik HTML/Java Script.
3. Setelah anda Mengklik HTML/Java Script Copy kode di bawah ini Pastekan Kedalam HTML/Java Script.
<style type="text/css">

.menu {
padding:0; margin:0; list-style-type:none; white-space:nowrap; }
.menu li {
float:left; min-width:100px; }
.menu a {
position:relative; display:block; text-decoration:none; min-width:100px; float:left; }
* html .menu a { width:100px; }
.menu a span {
display:block; color:#fff; background:#7cbc0a; border:1px solid #fff;
border-width:2px 1px; text-align:center; padding:4px 16px; cursor:pointer; }
* html .menu a span { width:100px; cursor:hand; w\idth:66px; }
.menu a b { display:block; border-bottom:2px solid #06a; }
.menu a em { display:none; }
.menu a:hover { background:#fff; }
.menu a:hover span { color:#fff; background:#08c; }
.menu a:hover em {
display:block; overflow:hidden; border:6px solid #06a; border-color:#06a #fff;
border-width:6px 6px 0 6px; position:absolute; left:50%; margin-left:-6px; }

</style>

<ul class="menu">
<li><a href="#"><b><span>My Award</span></b><em></em></a></li>
<li><a href="#"><b><span>FeedBurner</span></b><em></em></a></li>
<li><a href="#"><b><span>Subscription</span></b><em></em></a></li>
<li><a href="#"><b><span>Post</span></b><em></em></a></li>
<li><a href="#"><b><span>Comment</span></b><em></em></a></li>
</ul>
4. Setelah beres mengCopy ke dalam HTML/Java Script Ganti tulisan "#" dengan URL anda.
5. Setelah selesai semuanya Save Templatenya.

Jika kodenya ada kesalahan atau tidak jadi tolong kompirmasikan lewat Komentar di bawah ntar sama saya kodenya akan saya perbaiki, semoga artikel ini bermanfaat untuk kita semua. selamat mencoba gan.

.::Related Post::.

{ 0 komentar... read them below or add one }

Posting Komentar

Silahkan anda meninggalkan komentar di blog ini,
anda bisa mendapat kan kunjungan balik dari saya Plus Mendapatkan backlink gratis dari blog ini, karena blog ini blog Do-Follow.
Mohon Maaf nich gan !! Jangan meninggalkan komentar Link dan SPAM dalam bentuk apapun, jika anda berkomentar SPAM saya akan melaporkan komentar anda sebagai SPAM..
Terima Kasih atas kunjungannya dan terima kasih juga atas berkomentar di blog Do-Follow ini..