cara merubah lebar sidebar |
Assalamu'alaikum wr. wb, kali ini saya mau bagi tips buat para blogger tentang cara merubah lebar sidebar, Postingan, dan Halaman Blog.
sebenaranya caranya Sangat Gampang, namun tentu anda Butuh tutorial Ini kan hehe.
Tempate yang Dibuat Oleh para situs pembuat template mempunyai lebar Halaman, sidebar, dan Postingan yang bermacam-macam. namun pada Umumnya Template memiliki Lebar laman 980 pixel, sidebar 310 pixels, dan sisanya lebar postingan. jika anda ingin merombak template blog anda dengan selera anda cukup melakukan langkah-langkah berikut.
1.Login ke Blogger anda
2.Pilih template>> edit template
3.cari kode berikut atau yang mirip dengan kode dibawah ini
#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}
#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 */
}
#sidebar-wrapper {
width: 220px;
float: $endSide;
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 */
}
width: 660px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}
#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 */
}
#sidebar-wrapper {
width: 220px;
float: $endSide;
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 */
}
perhatikan tulisan yang berwarna merah itu adalah lebar nya rubah sesuka hati anda
- untuk yang berwarna orange adalah kode untuk lebar halaman
- untuk yang berwarna hijau adalah kode untuk lebar Postingan (terkadang berbeda template berbeda juga namanya misalnya di template saya kodenya #post-wrapper untuk kode postingan)
- untuk yang berwarna biru adalah kode untuk sidebar
- biasanya ke tiga kode diatas saling berdekatan.
Note : jika anda ingin merubah lebar salah satu dari ketiga yang diatas anda harus memperhatikan juga lebar kolom yang lainnya karna ke 3 yang diatas saling berhubungan.
contoh : lebar halaman blog anda 980, postingannya 670 berarti sisa untuk otomatis sisa untuk sidebar adalah 310 , berarti anda jangan merubah lebar sidebar anda lebih dari 310 pixels makan akan terjadi crash pada template anda.
sekian dulu untuk cara merubah lebar sidebar, Lebar postingan, dan lebar halaman blog.
untuk selebihnya saya percaya anda mampu merubahnya..
jangan lupa tinggalkan komentar.
thanks gan..
ReplyDeletesharing nya bermanfaat..
sama2 gan, terima kasih telah berkunjung
ReplyDeletentapz,nih info
ReplyDelete