Thursday, November 22, 2012

Cara Tepat Menambah Kolom Di Bawah Postingan Blog

Cara Tepat Menambah Kolom Di Bawah Postingan | Pada postingan kali ini saya akan bahas tentang tutorial yang mungkin bisa bermanfaat bagi anda, sebenarnya postingan yang saya tulis ini sudah basi, tapi mungkin masih ada yang masih membutuhkan. Bagaimana cara menambah kolom di bawah postingan blogspot/blogger ?

Menambah Kolom Bawah Postingan

Berikut langkah untuk menambah kolom di bawah postingan :
1. Log in ke Blogger
2. Klik Rancangan => Edit HTML
3. Download template anda terlebih dahulu
4. Centang di kotak kecil di dekat Expand Template Widget
5. Cari kode seperti di bawah ini dengan ctrl + F

#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 */
}

6. Silahkan tambahkan kode dibawah ini dan letakkan di bawah kode tersebut diatas.

#mainbottom {
background:#ffffff;
border:1px solid #0B610B;
margin:0 0 0.5em;
padding:0.5em;
}

Sehingga penerapannya akan terlihat seperti berikut :

#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 */
}

#mainbottom {
background:#ffffff;
border:1px solid #0B610B;
margin:0 0 0.5em;
padding:0.5em;
}

7. Langkah berikutnya cari kode seperti di bawah 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>

8. Sisipkan kode dibawah ini dan letakkan di atas </div>

<b:section class='main' id='mainbottom' showaddelement='yes'/>

Sehingga penerapannya akan terlihat seperti berikut :

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

9. Selesai, simpan template

Nah sekian dahulu artikel tentang tips membuat / menambah kolom bawah postingan blogspot, semoga bisa bermanfaat dan selamat mencoba, happy blogging. salam haris715 jangan lupa berikan komentarnya ya :)

Disqus Comments