Cara Membuat Menu di Atas Header Blog

Cara Membuat Menu di Atas Header Blog Ada sebuah cara untuk membuat widget yang berfungsi sebagai tab menu horizontal tersebut agar bisa ditempatkan di atas header blog. Satu-satunya jalan adalah dengan membuat sebuah elemen baru yang dilengkapi dengan komponen pembangun tab dengan posisi di atas header. Dengan elemen baru ini nantinya di dalam elemen laman (page elemen) blog anda akan bertambah satu elemen baru tepat di atas header blog dengan kemampuan untuk mendefinisikan kode html yang terdapat pada widget blogger yang berupa horizontal tab menu, seperti halnya elemen yang terdapat di bawah header. Screenshoot disamping memperlihatkan pada elemen laman telah bertambah dengan 1 (satu) elemen baru di atas header.

  • Login ke Blogger
  • Halaman Dasbor (Dasboard).
  • Klik Rancangan (Design).
  • Klik Edit HTML.
  • Backup template.
  • Cari kode <header>.
  • Copy dan paste-kan kode HTML berikut tepat di atas kode <header>.
    Kode HTML dan tag <header> akan berbentuk seperti ini:

    Klik untuk Melihat Code
    <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>
    
    
    <header>


    • Klik Simpan Template (Save Template).
    • Klik Elemen Laman (Page Elemen).
    • lihat "Elemen Baru di atas Elemen Header.
    • Silahkan gunakan untuk membuat Widget baru yang berupa horizontal tab menu. dengan Klik Add a Gadget.
    • 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 bawah header. Drag ke atas elemen header agar bisa ditampilkan di atas 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!
      Semoga Bermanfaat !!

      0 komentar:

      Posting Komentar