22 Maret 2010

Menyimpan Widget Persis Dibawah header

Beberapa hari yang lalu ada bertanya “bagaimana cara menyimpan widget persis di bawah header?”. Memang pada umumnya pada template blogger tidak bisa untuk menyimpan widget atau elemen langsung di bawah header, biasanya hanya bisa menyimpan di atas elemen post namun tentu saja lebar dari elemen tersebut hanya selebar elemen post. Apakah ada cara agar kita bisa menyimpan widget atau elemen persis di bawah header? tentu saja bisa dan bahkan banyak cara untuk melakukan ini. Namun karena keterbatasan waktu dan tempat maka tidak akan kang rohman tulis semua di sini, kang rohman akan mencoba menerangkan dengan satu cara (soalnya sudah siang nih, mau kerja). Ingin tahu seperti apa caranya, yuk kita lanjut saja.

Silahkan ikuti langkah-langkah berikut :

  1. Login ke blogger dengan id anda.
  2. Klik Tata Letak.
  3. Klik tab Elemen Halaman, lihat pada struktur layout template anda. Biasanya bagian header akan seperti ini :

    elemenheader
  4. Sekarang kita akan memodifikasinya, let’s go to party.
  5. Klik Tab Edit HTML.
  6. Klik Tulisan Download Template Lengkap, silahkan di backup dulu (penting).
  7. Cari Kode yang mirip seperti ini :

             <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

  8. Hapus kode di atas dan ganti dengan kode di bawah ini :
             <b:section class='header' id='header' preferred='yes'>

  9. Klik tombol Simpan template. Tunggu beberapa saat sampai template anda tersimpan.
  10. Klik tab Elemen halaman. Dan sekarang layout template anda akan menjadi seperti ini :

    header-elemen
  11. Sekarang anda bisa menambahkan berbagai elemen langsung di bawah header.
  12. Untuk menambah elemen halaman tinggal klik Tambah Elemen Halaman. Silahkan tambahkan apa yang anda mau, apabila sudah di tambahkan tinggal geser elemen yang baru di buat tadi ke bawah elemen header.
  13. Klik Tombol SIMPAN yang ada di bagian atas.
  14. Selesai, sekarang tinggal lihat hasilnya.

Artikel Terkait di Bawah posting
Blogger
Header
    HTML

    Diposting oleh KD JON'S di 02.20

    Label: , , , ,

    0 komentar:

    Posting Komentar

    Langganan: Posting Komentar (Atom)

    LOGIN

    Template by : JON'S