Template memiliki lebar dan layout yang berbeda-beda. Dari sekian banyak
template terdapat beberapa template yang sudah sesuai dengan selera
anda, sebagian lagi masih jauh dari tampilan/ design yang anda suka.
Jika menggunakan template bawaan blogger, penyesuaian lebar header,
sidebar dapat dilakukan melalui menu template designer / perancang
template, tapi jika anda menggunakan template bukan dari blogger, maka
harus meredesign sendiri.
Posting ini akan menjelaskan cara melakukan penataan ulang untuk lebar header, sidebar, dan kolom utama template agar menjadi sesuai dengan citarasa anda. Sebagian blogger lebih mementingkan citarasa design blog katimbang melakukan kegiatan optimasi, padahal sebenarnya yang harus diberi prioritas adalah optimasi blog.
Cara mengetahui lebar header template
Cari kode berikut:
#header-wrapper {
height:130px;
margin:0 auto;
width:960px;
Perhatikan kode width:960px, berarti lebar header template 960px
Cara mengetahui lebar sidebar
Cari kode berikut:
#sidebar-wrapper {
float:right;
overflow:hidden;
width:180px;
Lebar sidebar kanan adalah 180px. Cara yang sama bisa dilgunakan untuk mengetahui lebar sidebar kiri (left)
Cara mengetahui lebar kolom utama (main column)
Kolom Utama ini adalah tempat Artikel/Posting
Cari kode berikut:
#main-wrapper {
float:left;
margin-top:10px;
overflow:hidden;
width:550px;
Kolom utama template biasanya tidak lebih dari 550px, namun ada juga beberapa Template yang menggunakan kolom utama lebih dari 550px dan juga kurang dari 550px.
Ingat..!!!!:
Setiap template kodenya tidak selalu sama. Jika tidak menemukan kode yang sama persis dengan kode yang saya tulis diatas, carilah kode yang hampir sama.
Posting ini akan menjelaskan cara melakukan penataan ulang untuk lebar header, sidebar, dan kolom utama template agar menjadi sesuai dengan citarasa anda. Sebagian blogger lebih mementingkan citarasa design blog katimbang melakukan kegiatan optimasi, padahal sebenarnya yang harus diberi prioritas adalah optimasi blog.
Cara mengetahui lebar header template
Cari kode berikut:
#header-wrapper {
height:130px;
margin:0 auto;
width:960px;
Perhatikan kode width:960px, berarti lebar header template 960px
Cara mengetahui lebar sidebar
Cari kode berikut:
#sidebar-wrapper {
float:right;
overflow:hidden;
width:180px;
Lebar sidebar kanan adalah 180px. Cara yang sama bisa dilgunakan untuk mengetahui lebar sidebar kiri (left)
Cara mengetahui lebar kolom utama (main column)
Kolom Utama ini adalah tempat Artikel/Posting
Cari kode berikut:
#main-wrapper {
float:left;
margin-top:10px;
overflow:hidden;
width:550px;
Kolom utama template biasanya tidak lebih dari 550px, namun ada juga beberapa Template yang menggunakan kolom utama lebih dari 550px dan juga kurang dari 550px.
Ingat..!!!!:
Setiap template kodenya tidak selalu sama. Jika tidak menemukan kode yang sama persis dengan kode yang saya tulis diatas, carilah kode yang hampir sama.