Cara Membagi Header Blog Menjadi Dua Elemen
Gambar header blog dibagi menjadi dua
Mendesain blog dengan tampian sanggup dibilang susah-susah gampang, yang penting ada sedikit kemauan niscaya bisa. Salah satunya membagi header bog menjadi dua elemen, dan elemen ini nantinya sanggup dipasang widget untuk menampilkan iklan.
Admin blog membagi header menjadi dua kolom biasanya untuk mengoptimalkan pemasangan Ads, dimana penempatan di header banyak diminati pengunjung. Langsung saja, berikut ini cara membagi header blog menjadi dua bagian.
Cara membagi header blog menjadi dua elemen :
- Login ke akun blogger, pilih template > edit html.
- Cari isyarat menyerupai berikut ini, mempercepat pencarian tekan Ctrl + F.
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
- Copy & Paste isyarat berikut ini di antara isyarat </b:section> and </div>
<b:section id='header-right' showaddelement='yes'/>
<div style='clear: both;'/>
- Hasilnya menyerupai ini
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</b:includable>
</b:widget>
</b:section>
<b:section id='header-right' showaddelement='yes'/>
<div style='clear: both;'/>
</div>
</div>
- Copy + Paste isyarat berikut ini di atas atau sebelum isyarat ]]></b:skin>
#header, body#layout #header {width:300px;display:inline-block;float:left;}
#header-right, body#layout #header-right {width:468px;display:inline-block;float:right;padding:15px;}
#header-right .widget {margin:0;}
Catatan :
Angka 300 (untuk space nama blog/logo di kiri) dan 468 (untuk space iklan di kanan) sanggup diubah. Kalau ragu, biarkan menyerupai itu.