Sabtu, 28 Juli 2012

Cara membuat Elemen di atas header yang berfungsi sebagai pembangun tab horizontal

Cara membuat Elemen di atas header yang berfungsi sebagai pembangun tab horizontal

1. Login ke Blogger
2. Halaman Dasbor (Dasboard).
3. Klik Rancangan (Design).
4. Klik Edit HTML.
5. Backup template.
6. Cari kode <header>. Untuk mempercepat pencarian sebaiknya gunakan Ctrl+F.
7. Copy dan paste-kan kode HTML dibawah, tepat di atas kode <header>. Kode HTML dan tag <header> akan berbentuk seperti ini:
------------------------------------------------------------------------
<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>
 ------------------------------------------------------------------------
 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 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!

1 komentar: