Menambah Kolom elemen di bawah posting

0

Menambah Kolom elemen di bawah posting:

·  Seperti biasa Log in dulu ke blogger

·  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>

selanjutnya..klik simpan..

selamat mencoba.....

Artikel Terkait:

---

tips and triks

• Zigzag Marquee
• pasang teransit bahasa diblog
• menampilkan postingan hanya judulnya saja
• Pasang Emoticon Yahoo di Kotak Komentar
• Cara Mengganti Icon Blog
• cara menambahkan colom element diatas footer
• FaceBook's Like button for blogger
• pasang kupukupu diblog
• Marquee news
• marquee colored border
• Alternate Zigzag Marquee
• marquee Highlight
• Marquee High Tech
• Marquee Hiding
• Wave Marquee
• pasang marquee
• pasang iklan/gambar melayang
• cara pasang kode HTML/javascript
• pasang code share button

Tambah element di bawah postingan blog