Follow My Blog

Cara membuat menu dibawah header blog (Versi 1)

Langkah - langkah membuat menu dibawah header blog adalah :

  1. Masuk ke dashboard Blog sobat, lalu ke menu Rancangan >> Edit HTML,  centang ' 
  2.  Cari kode seperti dibawah atau cari yang mirip (CTRL+F , cara cepat untuk mencari kode).
    <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
    ganti maxwidgets='1' menjadi 2 atau lebih dan showaddelement='yes'>
  3.  Jika sudah selanjutnya sobat cari kode ]]></b:skin>
  4. Hapus kode tersebut dan ganti dengan kode dibawah ini.
    a.navigation {
    background: #3333ff ;
    color: #ffffff ;
    margin: 1px;
    padding: 2px;
    border-width: 0;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
    }
    a.navigation:hover {
    background: #333333;
    color: #ffffff;
    text-decoration: none;
    }

    ]]></b:skin>

    Keterangan :

    • Perhatikan kode yang di cetak tebal, untuk kode merah adalah warna background
    • Kode warna biru adalah warna tulisan
    • Silahkan diganti dengan warna yang sobat inginkan. Untuk melihat kode warna HTML-nya, silahkan kunjungi Situs Berikut.
  5. Save template lalu klik Elemen Laman atau klik rancangan.
  6. Kemudian klik "tambah gadget" kemudian pilih "HTML/JavaScript"
  7. Copykan kode berikut kedalam kotak tersebut
    <a href="http://sae497.blogspot.com " class="navigation">HOME</a>
    <a href="http://dia497.blogspot.com/ " class="navigation">DIARY</a>
    <a href="http://situsdownloadgamegratis.blogspot.com/ " class="navigation">GAME</a>
    <a href="http://gce8632natarian.blogspot.com/ " class="navigation">GCE</a>
    <a href="http://tt497.blogspot.com/ " class="navigation">TT</a>

    Keterangan : Ganti yang warna merah dengan URL menu, dan warna biru adalah nama menu.
  8. SAVE lalu lihat hasilnya..!?

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

0 komentar:

Posting Komentar