Minggu, 12 Februari 2012

Cara Menambahkan Elemen Halaman Baru Dibawah Header Blog

Setelah Dapur Tutorial Blogspot sukses posting tutorial blogspot tetang Cara Menambahkan Elemen Halaman Baru Diatas Header Blog  kali ini Dapur Tutorial Blogspot akan kembali menyampaikan cara menambahkan elemen halaman.

Elemen halaman yang akan ditambahkan kali ini berda di bawah header blog anda seperti gambar berikut


Fungsinya tetap sama sebagai tempat untuk meletakan widget yang pada umumnya digunakan oleh banyak orang untuk meletakan Iklan atau menu horizontal.

Berikut lankah-Lankah yang Harus anda lakukan untuk menabah Elemen Halaman baru dibawah Header :
  1. Login Menggunakan Akun Blogspot anda pilih menu "Template"


  2. Selanjutnya akan tampil seperti halaman berikut, klik pada tombol Edit HTML


  3. Klik tombol Next/Lanjutkan setelah itu anda akan dibawa kehalaman edit HTML seperti berikut


  4. Sebelum melakukan Edit HTML download lengkap template anda terlebih dahulu baca caranya Disini
  5. Sekarang Cari kode ]]></b:skin> (gunakan tombol CTRL + F3 u/ memudahkan pencarian kode) 
  6. Setelah ketemu Copas dan letakan kode berikut diatas kode ]]></b:skin>
  7. #under_header{
    margin:10px 0;
    padding:1%;
    width:100%;
    }
  8. Sekarang anda cari kode yang mirip dengan kode berikut ini
    • Kode Yang harus anda cari jika anda menggunakan template lama blogger
    • <div id='header-wrapper'> 
      <b:section class='header' id='header' maxwidget="1" showaddelement="no">
      <b:widget id='Header1' locked='true' title='test (Header)' type='Header'/>
      </b:section>
          </div>
    • Kode yang harus anda temukan jika anda menggunkan template baru blogger
    • <div id='header-outer'> 
      <b:section class='header' id='header' maxwidget="1" showaddelement="no">
      <b:widget id='Header1' locked='true' title='test (Header)' type='Header'/>
      </b:section>
          </div>
  9. Apabila sudah ketemu copas kode dibawah ini dan letakan dibawah kode diatas
  10. <div id="under_header">
    <b:section class='header' id='gadgetheader' preferred='yes'/>
    </div>
  11. Lankah terakhir klik simpan


  12. Selesai
Untuk melihat hasilnya silahkan anda masuk pada halaman Tata Letak jika ada Elemen tambahan dibawah Header Seperti dibawah ini berarti lankah-langkah diatas sudah anda lakukan dengan benar



Demikian Tutorial Kali ini tetang Cara Menambahkan Elemen Halaman Baru Dibawah Header Blog Semoga bisa bermanfaat

Tidak ada komentar:

Posting Komentar