Meskipun di luar sana sudah banyak yang menulis artikel ini tetapi saya kembali akan menuliskan agar tetap ingat bila suatu saat nanti saya membutuhkan lagi atau bila ada teman yang kebetulan mancari artikel seperti ini kesasar ke blog ini tentu juga dapat membantunya.
Untuk membuat satu kolom tambah gadget di bawah header tidak sesulit yang anda bayangkan.
Berikut ini langkah-langkahnya;
1. Login ke akun blogger anda
2. Di Dasbor klik Rancangan dan klik edit HTML
3. Sebelum mulai menambahkan html sebaiknya back up dulu blog anda dengan cara klik download full template. tujuannya antisipasi kalau error kode.
4. Cari kode seperti ini ]]></b:skin>
untuk memudahkan pencarian pencet ctrl f secara bersamaan di keyboard lalu tulis/copy kode tersebut di kotak bawah yang tersedia
5. Copy dan paste kode di bawah ini, tepat di atas kode ]]></b:skin>
#under_header{
margin:10px 0;
padding:1%;
width:98%; }
6. Cari kode html seperti di bawah ini atau yang mirip di bawah ini ( tidak semua template blog menggunakan kode yang sama persis)<div id='header-wrapper'>
<b:section class='header' id='header' maxwidget="1" showaddelement="no">
<b:widget id='Header1' locked='true' title='Nama Blog Anda (Header)' type='Header'/>
</b:section>
</div>
7. Selanjutnya tambahkan kode berikut ini tepat di bawah kode pada nomor 6 tersebut di atas<div id="under_header">
<b:section id='underheader' preferred='yes'/>
</div>
8. Setelah anda tambah kode pada nomor 7 maka akan menjadi seperti ini<div id='header-wrapper'>
<b:section class='header' id='header' maxwidget="1" showaddelement="no">
<b:widget id='Header1' locked='true' title='Nama Blog Anda (Header)' type='Header'/>
</b:section>
</div><div id="under_header">
<b:section id='underheader' preferred='yes'/>
</div>
9. Terakhir klik Simpan Template.Nah selamat mencoba dan semoga berhasil
Post a Comment