Menambah Kolom elemen di bawah posting
- Seperti biasa Log in dulu ke blogger
- Tata letak
- Edit HTML
- Sebelum mengedit template, anda mungkin ingin menyimpan sebuah salinan dari template tersebut. Download Template Lengkap
- Conteng tanda kotak kecil atas kanan / Expand Template Widget
- Kemudian cari kode seperti ini #main-wrapper{ atau #main-wrapper { #main-wrapper {
- Copy kode dibawah dan paste / tambahkan pas di bawah kode diatas. #mainbottom {
- Sekarang membuat id untuk mainbottom tersebut. Cari kode
ini: <div id='main-wrapper'> lebih kurang seperti ini, jika urutan kode dibawah memusingkan, sebelum anda
menyisipkan kode
ini <b:section class='main' id='mainbottom' showaddelement='yes'/> terlebih dahulu anda klik simpan (Save)
kemudian buka contengan diatas kanan / Expand Template Widget,
- dan ulangi cari kode seperti ini <div id='main-wrapper'>
maka anda akan menemukan persisi seperti dibawah.
<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 <b:section class='main' id='mainbottom'
showaddelement='yes'/> dibawah kode </b:section>
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
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 */
}
yang ditandai warna merah diatas, mungkin berbeda dengan blog anda, bisa seperti> #main-wrapper{ dan bisa juga seperti ini :width:650 dsb.
text-shadow:0 1px 0 #ddd;
margin:0 auto;
padding:6px;
width:620px;
float:left;
margin-top:10px;margin-right:5px;
background-color: #fbfbfb;
display: inline; /* fix for doubling margin in IE */
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
*/
}