Membuat kolom baru dibawah posting blogspot

Selamat berjumpa lagi sahabat pucanglaban, bila kemarin saya posting tentang bagaimana cara membuat kolom baru diatas postingan blogspot, maka kali ini saya akan mengulas tentang membuat kolom baru dibawah kolom postingan blogspot. Biar lengkap gitu tutorial desain template-nya, hehehehe.....

Untuk sebagian template, memang belum menyediakan kolom tersebut sehingga kita harus menggunakan cara manual menambahkan kolom baru dibawah postingan blogspot tersebut supaya kita bisa meletakkan banner atau apa yang kita ingin letakkan diarea tersebut. Btw, masih ingat kan tentang postingan saya yang kemarin tentang cara membuat kolom baru diatas postingan blogspot? syukurlah kalo masih ingat. Kalo udah lupa? baca kembali, ok?


Kembali ke topik bahasan kita kali ini. Bagaimanakah caranya membuat kolom baru dibawah posting? tenang saja, caranya mudah aja kok, gak pake ribet pokoknya, hadech lebay dech..... bagaimana? mau langsung menuju lokasi tutorial desain template? ok, let's go!!!!!!


Untuk membuat kolom baru dibawah postingan blogspot, sahabat ikuti langkah-langkah dibawah ini:

• Sahabat Log in ke blogger 
• Tata letak
• Edit HTML
• Beri tanda centang di kotak kecil atas
• Cari kode

#main-wrapper { width: 620px; 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 */ }

• Sahabat masukkan kode berikut ini kebawah kode diatas tadi

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

• Untuk selanjutnya kita akan membuat id untuk mainbottom diatas tersebut. Cari kode 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> </div>

• Sisipkan kode berikut ini dibawah </b:section>

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

• Sehingga akan menjadi seperti berikut 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>

• Langkah terakhir adalah Save template. beres dan lihat hasilnya :D

Semoga artikel tentang menambah/membuat kolom baru dibawah posting blogspot ini bermanfaat untuk sahabat Pucanglaban semua. Selamat Berkreasi dan semoga sukses.

Dikutip dari: berbagai sumber

pucanglaban.com informatif, kompetitif dan kreatif bersama berbagi ilmu dan pengetahuan.
posted by: Khoirul Anwar