MENU HORIZONTAL TANPA EDIT HTML

BAGAIMANA CARA MEMBUAT MENU HORIZONTAL TANPA EDIT HTML

logo earning

Penambahan menu horizontal pada halaman blog anda akan sangat membantu pengunjung untuk mencari artikel yang banyak terdapat di dalam blog anda. penggunaan menu horizontal juga dapat memperindah halam blog anda dan memberi kesan modif bagi blog anda. ada banyak artikel yang membahas mengenai cara pembuatan menu horizontal untuk pengguna blog, tetapi sebagian besar cara pemasangan menu horizontal harus melalui menu edit html yang mengharuskan kita untuk mencari berbagai kode yang harus di tempatkan pada posisi yang seharusnya. untuk para bloger yang telah terbiasa dengan berbagai kode tersebut mungkin bukan hal yang terlalu sulit dan bikin sakit kepala, akan tetapi bila anda adalah seorang bloger yang baru memulai dalam taham pembangunan sebuah blog, pasti hal ini membuat anda bingung.

dalam artikel ini saya berusaha untuk membaerikan informasi yang saya ketahui dalam membuat menu horizontal yang lebih sederhana tapi memliki tampilan yang cukup bagus menurut saya. dan yang paling penting adalah cara pembuatan menu horizontal ini hanya mengunakan cara copy dan kemudian paste di blog anda. jadi cukup mudah untuk di lakukan oleh bloger pemula sekalipun. termasuk saya tentunya.. lihat gambar contoh tampilan menu horizontal di bawah ini.

image

oke.. kita langsung masuk ke topik yang akan kita bahas.

login ke blog anda, terus TATA LETAK lalu pilih ELEMENT LAMAN kemudian TAMBAH GADGET lalu pilih HTML/java script dan selanjutnya anda copy – kan kode dibawah ini kemudian paste di blog anda.

-------------------------------------------------------------------------

<style type="text/css">

ul.menu
  {
   margin:0px;
   padding:0px;
  }

ul.menu li
  {
   list-style:none;
   float:left;
   width:100px;
   text-align:center;
   font:11px/25px verdana,arial,sans-serif;
   height:auto !important;
   height:25px;
  }

ul.menu li a
  {
   display:block;
   text-decoration:none;
   background:#EFEFEF;
   color:#000000;
  }

ul.menu li a:hover
  {
   background:#000000;
   color:#FFFFFF;
  }

</style>

<ul class="menu">
<li><a href="http://earning-news.blogspot.com/"target="_blank">HOME</a></li>
<li><a href=”http://earning-news.blogspot.com/search?max-results=200”/"target="_blank>DAFTAR ISI</a></li>
<li><a href="http://earning-news.blogspot.com/search/label/BLOG%20TUTORIAL"target="_blank">TUTORIAL BLOG</a></li>
<li><a href="http://earning-news.blogspot.com/search/label/LABUHAN%20BATU"target="_blank">LAB.BATU</a></li>
</ul>

-------------------------------------------------------------------------

setelah itu anda hanya perlu mengganti tulisan berwarna MERAH dengan link anda, untuk tulisan berwarma biru, adalah judul yang akan tampil di menu horizontal anda. jadi terserah anda dalam mengisi judul anda. setelah anda menyelesaikan perubahan yang anda rasa cocok dengan yang anda inginkan, lalu simpan. dan lihat hasilnya. jika masih kurang ya rombak lagi dan lagi dan lagi….

SELAMAT MENCOBA, SEMOGA BERMANFAAT. JANGAN LUPA LINK BLOG SAYA… DAN TULIS PESAN ANDA DI KOTAK PESAN SAYA.