Friday, May 15, 2009

Cara Menambah Elemen Halaman Baru 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. Kemudian klik Tata Letak / Layout

  3. Tampilan header seperti ini :

    elemenheader

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

  5. Jangan lupa simpan template Anda terlebih dahulu, dengan cara klik Cadangkan / Pulihkan klik Download Template Lengkap ini untuk menyimpan semua data anda sebelum terjadi perubahan pada template anda.

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

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

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

  8. Kemudian copy kode berikut :

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

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

  10. Setelah selesai, klik tombol SIMPAN TEMPLATE

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

  12. Horeee berhasil.


3 komentar:

Mahyuddin H said...

tanks atas triknye....smoga ade nyang lebih yahuuud lagi yeee..sukses slalu

AWA blog said...

trims infonyaa

im-download said...

trims yah, ni sudah saya praktekan di blog sya dan skrang sdah terpasang iklan adsense,, sukses..!!