Jumat, 10 April 2009

Element Halaman di Bawah Header

Di bawah header bisa anda tambahkan kolom baru, kolom tersebut bisa untuk memasang iklan atau foto, atau yang lain.

Untuk membuat kolom baru, anda hanya cukup menambahkan kode css serta HTML kedalam kode template anda.


Langkah-langkahnya sebagai berikut :
  1. Anda login dulu di blogger dengan username anda.

  2. Anda memasuki Dasbor, kemudian klik Tata Letak / Layout

  3. Kemudian klik Elemen Halaman

  4. Tampilan header seperti ini :

    elemenheader

  5. Untuk menambah Elemen Halaman di bawah header, seperti tampilan di atas, anda bisa mulai dengan klik Edit HTML

  6. klik Download Template Lengkap ini untuk menyimpan semua data anda sebelum terjadi perubahan pada template anda

  7. Setelah proses penyimpanan selesai, anda tinggal copy kode di bawah :

    #under_header{
    margin:10px 0;
    padding:1%;
    width:98%;
    }

  8. Kemudian paste di atas kode ]]></b:skin>

  9. Kemudian copy kode berikut :

    <div id="under_header">
    <b:section class='header' id='underheader' preferred='yes'/>
    </div>


  10. Setelah anda copy, kemudian tinggal paste di bawah kode :

    <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>


  11. Setelah selesai, klik tombol SIMPAN TEMPLATE

  12. Sekarang di bawah header sudah ada Elemen Halaman Baru. Bisa anda lihat sekarang.

  13. Horeee berhasil.

Tidak ada komentar:

Posting Komentar

Invest10Ribu
Invest10Ribu