Menambah Kolom Dibawah Postingan Blogspot. Teman-teman semua pasti ingin memasang iklan atau
kode javascript lainnya dibawah postingan. Karena kalau dipasang di sidebar terlalu ramai maka dibawah ini saya akan memberikan cara-cara bagaimana menambah elemen di bawah postingan untuk pasang iklan atau lainnya. untuk membuatnya anda sedikit menambahkan kode CSS ke dalam tamplate. ikuti langkah-langkah di bawah ini.
- Seperti biasa Log in dulu ke blogger temen.
- Tata letak
- Edit HTML
- Download tamplate anda terlebih dahulu untuk menghindarkan hal-hal yang tidak diinginkan.
- Beri tanda centang di kotak kecil atas
- Kemudian cari kode
#main-wrapper {
width: 410px;
float:$startSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
- Tambahkan kode berikut di bawah kode tadi
#mainbottom {
background:#ffffff;
border:1px solid #0B610B;
margin:0 0 0.5em;
padding:0.5em;
}
- Sekarang kita membuat id untuk mainbottom tersebut. Cari kode ini:
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
</b:section>
</div>
- Sisipkan kode berikut di bawah </b:section>
<b:section class='main' id='mainbottom' showaddelement='yes'/>
- Sehingga menjadi seperti ini
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
</b:section>
<b:section class='main' id='mainbottom' showaddelement='yes'/>
</div>
- Sekarang simpan tamplate anda dan lihat hasilnya
Selamat mencoba........!!!
