Cara Membuat Menu Elemen di Atas Header

Salam blogger, Kali ini saya sedikit berbagi tentang Cara Membuat Menu Elemen di Atas Header. Dengan memasang menu atau Eleman semacam ini tampilan blog kita semakin tampak bagus dan pastinya akan mempermudah pengunjung untuk mencari apa yang dibutuhkan dari blog kita.

Bagi sobat blogger yang berminat memasang menu semacam ini silahkan ikuti langkah-langkah berikut ini:
  1. Login ke Blogger
  2. Halaman Dasbor (Dasboard).
  3. Klik Rancangan (Design).
  4. Klik Edit HTML.
  5. Backup terlebih dahulu template.
  6. Cari kode </head>.
  7. Copy dan paste-kan kode HTML berikut tepat di bawah kode </head>:
    <div class='tabs-outer'>
        <div class='tabs-cap-top cap-top'>
          <div class='cap-left'/>
          <div class='cap-right'/>
        </div>
        <div class='fauxborder-left tabs-fauxborder-left'>
        <div class='fauxborder-right tabs-fauxborder-right'/>
        <div class='region-inner tabs-inner'>
          <b:section class='tabs' id='GRaboveheader' maxwidgets='2' showaddelement='yes'/>
          <b:section class='tabs' id='GRaboveheader-overflow' showaddelement='no'/>
        </div>
        </div>
        <div class='tabs-cap-bottom cap-bottom'>
          <div class='cap-left'/>
          <div class='cap-right'/>
        </div>
        </div>
  8. Klik Simpan Template (Save Template).
  9. Klik Elemen Laman (Page Elemen).
  10. lihat "Elemen Baru di atas Elemen Header.
  11. Silahkan gunakan untuk membuat Widget baru yang berupa horizontal tab menu. dengan Klik Add a Gadget.
  12. Selesai.
Catatan/Keterangan:
  1. Buatlah menu horizontal menggunakan gadget blogger Link List atau Blog List.
  2. Jika anda membuat halaman blog statis, setiap judul akan ditampilkan sebagai "Pages" gadget dan membentuk tab menu horizontal di atas header. Drag ke bawah elemen header agar bisa ditampilkan di bawah header blog.
  3. Anda bisa memanfaatkan elemen baru ini untuk penambahan gadget/widget lainnya.
  4. Semoga bermanfaat dan menambah kekayaan modifikasi serta semangat untuk terus menuangkan semua kreatifitas anda melalui blog!

    0 comments on Cara Membuat Menu Elemen di Atas Header :

    Post a Comment