Cara membuat menu horizontal di blogger bagian ke II

Sebelum nya sudah saya jelasin di bagian yg pertama gak jauh beda" ok tanpa basa basi kita langsung saja sebagai berikut:

• Login ke dashboard blogger
• Klik menu Design/Rancangan (Klik menu Tata Letak = untuk blogger tampilan baru menunya ada di sebelah kiri)
• Klik Add Gadget / Tambah Gadget.
• Pilih/klik opsi HTML/Javascript
• Kemudian masukkan kode berikut: dibawah

• <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='#'> Menu 1</a></li>
  <li><a href='#'> Menu 2</a></li>
  <li><a href='#'> Menu 3</a></li>
  <li><a href='#'> Menu 4</a></li>
  <li><a href='#'> Menu 5</a></li>
  </ul>                      
  </div>

   
• Klik Save / Simpan
• Selesai

jangan lupa :

ganti tanda pagar ( # ) pada kode <a href='#'> dengan link yang kamu inginkan, bisa link label, postingan, atau link yang mengarah kesitus lain.
Silakan ganti tulisan Menu 1 - Menu 5 dengan nama menu yang kamu inginkan.

Selamat mencoba dan semoga bermanfaat"