Bikin Tab Menu Blog

Sore Semua ! kali ini Info Kita mau ngasih tau cara buat Tab Daftar Menu di Blog kita Sendiri !

ok langsung aja ke TKP !

• pertama tama, login dulu ke blooger
• masuk ke blogger dasbor
• buka, Tata Letak >Tambah Gadget>HTML/JavaScript

 

• Copy & Paste Code Ini :

<style>

/*---------------------------------------------------------------------------------*/
/* CATEGORY MENU */
/*---------------------------------------------------------------------------------*/
#cat-menu { background:none; height:35px;}
/* category navigation */
.nav { background:#f5f5f5;width:100%;z-index:99; float:left; margin:5px 0 10px 0; padding:0px; list-style:none; height:35px;}
.nav a { position:relative; color:#555; display:block; z-index:100; text-decoration:none; }
.nav li { float:left; width:auto; border-right:1px solid #d9d9d9; }
.nav li a { font:bold 11px/15px Arial,serif; padding:10px 12px; text-decoration:none; text-transform:uppercase; }
.nav li a:hover{ background:#333; color:#fff; text-decoration:underline;}</style>
<div id='cat-menu'>
<ul class='sf-menu nav' id='cat-nav'>
<li><a href='/'>Home</a></li>
<li><a href='*/search/label/TAB YANG ANDA MAU TULIS/'> TAB YANG ANDA MAU TULIS</a></li>
<li><a href='*/search/label/TAB YANG ANDA MAU TULIS/'> TAB YANG ANDA MAU TULIS</a></li>
<li><a href='*/search/label/TAB YANG ANDA MAU TULIS/'> TAB YANG ANDA MAU TULIS</a></li>
<li><a href='*/search/label/TAB YANG ANDA MAU TULIS/'> TAB YANG ANDA MAU TULIS</a></li>
<li><a href='*/search/label/TAB YANG ANDA MAU TULIS/'> TAB YANG ANDA MAU TULIS</a></li>
</ul>
</div>

• Simpan, dan Lihat Hasilnya

 

NB :Untuk Tanda "*" ganti Dengan Alamat Blog Kalian. dan untuk Tulisan "TAB YANG ANDA MAU TULIS" Ganti Dengan Kata yang ingin kalian pasang di Blog.

Semoga bermanfaat