close

Cara Membuat Menu Horisontal

Selamat bertemu kembali. Posting kali ini merupakan pembahasan yg sesungguhnya sudah tidah baru lagi. Tapi untuk lebih memahaminya, saya menjajal untuk mempostingnya kembali……

Langsung saja ke pokok bahasannya. Menu horizontal. Menu ini yaitu menu mendatar & bertingkat ke bawah. Lihat aja contohnya di bab sajian blog ini. Kalau masih ada yg belum paham, silahkan baca tulisan ini sampai simpulan.

  1. Langkah pertama yg haru dilaksanakan yaitu. Login ke blog Anda seperti biasa.
  2. Klik Rancangan lalu Edit HTML.
  3. Jangan lupa download dahulu template Anda untuk menjaga kemungkinan gagal.
  4. Centang Expand Template Widget.
  5. Letakkan isyarat berikut di atas ]]>. Untuk mempermudah mencari kodenya, tekan control F.
    #menublog
    width:919px;
    float:left;
    margin:0;
    padding: 10px;
    background: aqua;

    #menu
    margin:0;
    padding:0;

    #menu a
    font-family: Comic Sans MS;
    color: black;
    font-size: 16px;
    font-weight: wajar ;
    text-decoration: none;
    padding: 10px;

    #hidangan a:hover
    color: #fff;
    font-weight: normal;
    text-decoration: none;
    background: black;

  6. Selanjutnya, cari instruksi berikut:
  7. Kemudian letakkan isyarat berikut di bawah isyarat tadi.
  8. Silahkan ganti goresan pena berwarna hijau sesuai dgn selera & ukuran blog Anda. Untuk kesesuaian selera, silahkan ubah jenis huruf, ukuran huruf & yang lain. Okey!
  9. Langkah terakhir adalah Save Template. Selesai

Terima kasih. Selamat belajar. Jangan lupa komentarnya ya…….!!!!

  Membuat Search Engine Menarik dan Cantik