Menu Blog Horizontal Simpel banget

               

 

Gambar 1. Menu Blog simpel

untuk membuat menu blog seperti gambar diatas ikuti langkah-langkah ini:

1. Login Blog

2. Masuk ke menu tata letak, klik tambahkan gadget seperti ambar dibawah ini.

 

Gambar2. Tata letak

3. pilih HTML/JAVA SCRIPT masukkan Kode di bawah ini:

.

<style> /*---------------------------------------------------------------------------------*/ /* CATEGORY MENU */ /*---------------------------------------------------------------------------------*/ #cat-menu { background:none; height:35px;} /* category navigation */ .nav { background:#A52A2A;width:100%;z-index:99; float:left; margin:5px 0 10px 0; padding:0px; list-style:none; height:35px;} .nav a { position:relative; color:#FFFFFF; display:block; z-index:100; text-decoration:none; } .nav li { float:left; width:auto; border-right:1px solid #00BFFF; } .nav li a { font:bold 11px/15px Arial,serif; padding:10px 12px; text-decoration:none; text-transform:uppercase; } .nav li a:hover{ background:#A52A2A ; color:#fff; text-decoration:underline;}</style> <div id='cat-menu'> <ul class='sf-menu nav' id='cat-nav'> <li><a href='LINKMU'>Home</a></li> <li><a href='LINKMU'> VB6.0</a></li> <li><a href=''> C++</a></li> <li><a href='LINKMU'> Photoshop</a></li> <li><a href='LINKMU'> Corel Draw</a></li> <li><a href='LINKMU'> After Effect</a></li> <li><a href='LINKMU'> Blog</a></li> </ul> </div>

4. Ganti tulisan "LINKMU" berwarna merah dengan link blog kamu,  kemudian SIMPAN .


>>Terima kasih telah berkunjung di AKUBECUS.blog <<<