07 March 2010

Membuat Kolom di Bawah Header

Anda bisa menambahkan kolom baru di bawah header blog anda. Adapun carannya adalah sebagai berikut :

1. Masuklah ke halaman Dashboar > Tata Letak > Edit HTML

2. Klik tulisan Download Template Lengkap untuk bejaga - jaga bila terjadi eror dan anda bisa mengembalikannya ke bentuk semula. Apabila anda belum mengetahui fungsi dan manfaatnya silahkan klik di sini .

3. Copy paste kode berikut tepat diatas kode ]]></b:skin>

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

4. Kemudian carilah kode berikut ini. Mungkin Script blog anda berbeda, tapi carilah kode yang mirip.

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

5. Jika sudah ketemu, Paste kode berikut dan letakan di bawah kode di atas.

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

6. Simpan Template dan lihat hasilnya klik > Element Halaman.

Apabila digabungkan, script akan seperti ini :


<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>
<div id="under_header">
<b:section class='header' id='underheader' preferred='yes'/>
</div>


Selesai, Selamat Mencoba.


Membuat Kolom di Bawah Header Rating: 4.5 Diposkan Oleh: Sarifa Marwa

2 komentar:

  1. keren! bisa multi elemen nih blog ane. dibawah header ada dua. hihihi

    ReplyDelete
  2. Mantap sob, saya juga udah coba.

    Alhamdulillah berhasil

    ReplyDelete

Komentar Spam, Link Aktif, dan URL Blog Takkan Muncul. Tidak semua pertanyaan sempat/bisa dijawab.