Tuesday, 3 February 2009

Mengatur dan Merubah Ukuran Template Blog


Dari blogger,memang sudah di tentukan template khusus blogger,namun tak dipermasalahkan jika anda mendownload template baru untuk blogspot.

Di template blogger sendiri,juga tak di permasalahkan alias tak mengurangi etika hak cipta blogger jika kita merubah ukuran baik itu lebar tinggi bahkan memodifikasi secara keseluruhan dari template yang blogger berikan.

Untuk merubah lebar,baik itu main wrapper atau tempat posting,maupun sidebar bahkan header.


Coba pilih Dashboard pada blogspot anda,pilih Tata Letak dan pilih Edit Html.
Selanjutnya,anda akan menemukan baris kode yang serupa dengan kode di bawah ini:

#header-wrapper {
width:900px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}

#outer-wrapper {
width: 900px;
margin:0 auto;
padding:10px;
text-align:justify;
font: $bodyfont;
}


#main-wrapper {
width: 435px;
margin-left: 20px;
margin-right: 20px;
float: left;
}


#sidebar-wrapper {
width: 220px;
float: right;
}


#newsidebar-wrapper {
width: 200px;
float: left;
}


Kode yang bercetak berwarna hijau,merupakan ukuran lebar dari masing-masing komponen blog,yang anda bisa merubahnya sesuai keinginan.


Hanya sebagai contoh saja,untuk yang lain misal float,padding,dll anda juga bisa merubahnya sesuai keinginan.


Untungnya,sekarang di blogger,sebelum kita menyimpan template yang ingin kita rubah,kita bisa melihat previewnya alias hasil contoh perubahannya,yang jika kita kurang cocok masih bisa kita batalkan dengan memilih "Bersihkan Edit"(untuk blog berbahasa indonesia).


Jadi ukuran lebar dari kolom template anda bisa anda utak-atik sampai anda menginginkan template seperti apa yang anda inginkan.