Pada tutorial kali ini saya akan membahas bagaimana sih caranya menambah Kolom di atas dan di bawah postingan blog. Alasan mengapa saya share artikel ini karena banyak sobat blogger yang menginkan agar di blog mereka bisa ditambah beberapa gadget seperti iklan, gambar, maupun gadget lainnya yang mana pada templatenya tidak disediakan fasilitas tambah gadget pada tata letak blog mereka. Jadi bagi sobat blogger yang menginginkan agar dapat menambahkan add gadget di atas dan di bawah postingan blognya, silahkan sobat ikuti tutorialnya berikut ini.
1. Login ke blogger atau klik disini
2. Pilih template >> Edit Html >> Lanjutkan
3. Centang Expand widget template
4. Copy Script di bawah ini dan letakkan di atas code ]]></b:skin>
/*Under Post
-----------------------------*/#underpost h2{font-size:13px;font-weight:bold;color:#B8002E;border-bottom:2px solid #000000;padding-left:5px;}#underpost{width:530px;}#underleft{width:257px; /*lebar kolom kiri*/float:left;margin:4px;}#underright{width:250px; /*lebar kolom kanan*/float:right;margin:4px;}
#main-wrapper {width: 410px;
<div id='main-wrapper'> <b:section class='main' id='main' showaddelement='no'><b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section></div>
<div id='underpost'>
<b:section class='underleft' id='underleft'/><b:section class='underright' id='underright'/></div>
Dua kolom dibawah post body
<div id='main-wrapper'> <b:section class='main' id='main' showaddelement='no'><b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
<div id='underpost'><b:section class='underleft' id='underleft'/><b:section class='underright' id='underright'/></div></div>
<div id='main-wrapper'><div id='underpost'>
<b:section class='underleft' id='underleft'/><b:section class='underright' id='underright'/></div> <b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section></div>
Tidak ada komentar:
Posting Komentar