Menambah kolom pada blog

Hmm.. teman-teman sekalian..
sekarang saya akan menepati janji saya yang waktu itu, untuk membuat atau menambahkan kolom baru..
Kolom pada template blog biasanya ada dua, dan biasanya ada orang yang menginginkan menambah kolom template supaya tampilan menjadi lebih manarik.
penambahan kolom template dapat dilakukan dengan mencari template-template gratis ataupun dengan mengubah bahasa HTML..
kali ini saya akan menjelaskan cara menambah kolom template dengan mengubah bahasa htmlnya..


Yang pertama kita lakukan adalah kita harus menentukan ukuran kolom baru kita..
misal kita inginkan ukuran kolom baru kita sebesar 200px..
maka kita harus memperlebar halaman blog seluruhnya yang apabila dijumlahkan antara main widget( tempat posting), kolom lama, dan kolom baru ditambah spasi adalah sama dengan lebar halaman blog.
udah tau kan cara menambahkan halaman blog, apabila belom tahu, klik disini untuk melihat postingan sebelumnya tentang memperlebar halaman blog.
jangan lupa header dan footer nya dilebarkan juga ya..

pertama yang harus dilakukan adalah masuk ke blogger anda, dan ke edit html..
setelah itu centang Expand Widget Templates..
Kemudian perhatikan script berikut ini..
#sidebar-wrapper {
width: 220px;
float: right;

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

}

kemudian tambahkan dibawahnya
#sidebar2-wrapper {
width: 180px;

float: right;

padding-left:10px;

word-wrap: break-word;

overflow: hidden;

}

setelah itu menuju bagian body..
cari script berikut ini..
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>

<b:widget id='Profile1' locked='false' title='Mengenai Saya' type='Profile'/>

<b:widget id='BlogArchive1' locked='false' title='Arsip Blog' type='BlogArchive'/>

</b:section>

</div&gt

nah kemudian tambahkan script dibawah ini dibawah script tadi..
<div id='sidebar2-wrapper'>
<b:section class='sidebar' id='sidebar2' preferred='yes'/>

</div>

kemudian simpan dan lihat blog anda,, maka kolom baru sudah terlihat..


________________________________________________________________
-------------------------------------------------------------------------------------------------------
Blog kita dikunjungin,, kita dapat dollar di uu9.eu..
klik disini untuk ikutan.. atau baca disini untuk lebih lanjut..
________________________________________________________________
-------------------------------------------------------------------------------------------------------
Ingin meningkatkan trafic blog dan penghasilan anda dengan easyhits4u.com klik disini..
Atau untuk baca lebih lengkapnya baca disini..
________________________________________________________________
-------------------------------------------------------------------------------------------------------

1 comments:

infur said...

makasih infonya... saya share di blog saya ya..

Post a Comment