Cara Membuat Menu Horizontal - IRWANSULAIMAN

Wednesday, March 21

Cara Membuat Menu Horizontal

Menu Horizontal adalah salah satu fasilitas navigasi blog untuk memudahkan pengunjung mencari data-data blog yang telah terpaket dalam satu link contoh seperti daftar isi, privacy policy, contact us, dan kategori kategori lainnya

untuk membuat menu horizontal tersebut sangat mudah, pertama anda
  1. log in ke blogger
  2. design
  3. edit html
  4. centang-Expand Template Widget
  5. Back up Template untuk berjaga-jaga bila terjadi error template
  6. Tekan F3 untuk memudahkan pencarian
selanjutnya cari kode
</b:skin>
Simpan kode di bawah ini tepat di atasnya.
/*nav */ ul.topnav {background:#8000FF; list-style:none; padding:0; margin:0; float:left; width:920px; height:32px; font-size:11px;font-weight:bold; text-transform:uppercase; } ul.topnav li { float:left; margin:0; padding:0 15px 0 0; } ul.topnav li a { padding:8px 5px; color:#000; display:block; text-decoration:none; float:left; } ul.topnav li a:hover { color:#FFF; }
Lalu cari kode
<div class="clear"> <div id="content-wrapper">
letakkan kode di bawah ini tepat kode di atas />
<ul class="topnav"> <li><a class="home" expr:href="data:blog.homepageUrl" href=""> Home</a></li> <li><a expr:href="data:blog.homepageUrl + &quot;feeds/posts/default&quot;" href="" title="Posts RSS">Posts RSS</a></li> <li><a expr:href="data:blog.homepageUrl + &quot;feeds/comments/default&quot;" href="" title="Comments RSS">Comments RSS</a></li> <li><a href="http://www.blogger.com/" title="Blogger">Login</a></li> </ul>

Lalu simpan template, lihat hasilnya, untuk modifikasi ulang silahkan ganti background navbar dan ukuran width and height cukup sekian postingan saya Cara Membuat Menu Horizontal semoga bermanfaat.
Comments


EmoticonEmoticon