Home » , » Cara Tepat Menambah Kolom Di Bawah Postingan Blog

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

Description: Cara Tepat Menambah Kolom Di Bawah Postingan Blog
Rating: 4.5
Reviewer: haris rati
ItemReviewed: Cara Tepat Menambah Kolom Di Bawah Postingan Blog

0 komentar:

Post a Comment

Catatan:
Untuk menyisipkan kode, gunakan tag <i rel="pre">KODE ANDA DI SINI...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR ANDA DI SINI...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">JUDUL ANDA DI SINI...</b>
Untuk menyisipkan catatan, gunakan tag <b rel="quote">CATATAN ANDA DI SINI...</b>
Untuk menciptakan efek tebal gunakan tag <b>TEKS ANDA DI SINI...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>TEKS ANDA DI SINI...</i>

Mohon Berkomentarlan dengan baik sesuai dengan tema / isi posting di atas
Serta tidak mengandung PORNO,SARA,KATA2 KASAR DAN JOROK
Terima kasih atas perhatianya :)