Cara memperlebar halaman blog
Cara Memperlebar Halaman Blog
Mungkin dari sebagian besar template default
yang disediaken blogger, tidak semuanya memeliki lebar halaman yang penuh.
Rata – rata setiap template masih memiliki ruang untuk dimanfaatken baik
untuk memperlebar sidebar, ataupun halaman posting.
yang disediaken blogger, tidak semuanya memeliki lebar halaman yang penuh.
Rata – rata setiap template masih memiliki ruang untuk dimanfaatken baik
untuk memperlebar sidebar, ataupun halaman posting.
Kali ini awak akan coba
memberiken sedikit gambaran tentang memperlebar halaman blog. Cuma, cara
ini akan lebih pas jika diaplikasiken di template minima, yaitu template
default blogger. Tapi…tidak menutup kemungkinan juga dapat diaplikasiken di
template default blogger yang lainnya.
memberiken sedikit gambaran tentang memperlebar halaman blog. Cuma, cara
ini akan lebih pas jika diaplikasiken di template minima, yaitu template
default blogger. Tapi…tidak menutup kemungkinan juga dapat diaplikasiken di
template default blogger yang lainnya.
gak usah ngalor ngidul ngetan ngulon langsung bae
Masuk ke dashbor blogger milik anda,pada menu edit html anda tidak usah
memberikan tanda centang pada kolom expand template widget.
memberikan tanda centang pada kolom expand template widget.
Sebelumnya, silahken cari kode css #outer-wrapper. Untuk lebih mudah
mencarinya, tekan ctrl+f lalu ketikken kode yang di cari. Kalo sudah
ketemu, maka akan tampak kode seperti berikut :
mencarinya, tekan ctrl+f lalu ketikken kode yang di cari. Kalo sudah
ketemu, maka akan tampak kode seperti berikut :
#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}
#main-wrapper {
width: 410px;
float: $startSide;
word-wrap: break-word; /* : */
overflow: hidden; /* : */
}
#sidebar-wrapper {
width: 220px;
float: $endSide;
word-wrap: break-word; /* : */
overflow: hidden; /* : */
}
Penjelasan :
#outer-wrapper --> kode untuk lebar halaman blog.
#main-wrapper --> kode untuk lebar postingan blog
#sidebar-wrapper --> kode untuk lebar sidebar blog.
Untuk merubah lebar halaman blog, anda tinggal mengganti
angka – angka yang
terdapat pada setiap kode css diatas. Semakin besar angkanya, maka halaman
blog pun semakin lebar. Contoh : Misalnya, anda ingin mengganti lebar
halaman blog menjadi 950 pixel. Maka silahken ganti jumlah angka pada tag
width untuk kode css #outer-wrapper menjadi --> 950px; Sehingga hasilnya
seperti dibawah ini :
#outer-wrapper {
width: 950px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}
setelah mengganti kode #outer-wrapper, jangan lupa untuk mengganti kode tag
width pada #main-wrapper dan #sidebar-wrapper juga. Karena jika tidak
diganti maka jarak antara halaman posting dan sidebar blog akan sangat
lebar. Pada #main-wrapper { diberi 500px dan pada #sidebar-wrapper { diberi
400px Sehingga menjadi :
width pada #main-wrapper dan #sidebar-wrapper juga. Karena jika tidak
diganti maka jarak antara halaman posting dan sidebar blog akan sangat
lebar. Pada #main-wrapper { diberi 500px dan pada #sidebar-wrapper { diberi
400px Sehingga menjadi :
#main-wrapper {
width: 500px;
float: $startSide;
word-wrap: break-word; /* : */
overflow: hidden; /* : */
}
#sidebar-wrapper {
width: 400px;
float: $endSide;
word-wrap: break-word; /* : */
overflow: hidden; /* : */
}
setelah merubah lebar bagian blog diatas, ada satu bagian lagi yang harus
dirubah yaitu bagian bawah blog. Anda tinggal mencari kode #footer-wrapper
dan rubah angka pada tag width-nya menjadi sama dengan lebar halaman blog
(#outer-wrapper).
dirubah yaitu bagian bawah blog. Anda tinggal mencari kode #footer-wrapper
dan rubah angka pada tag width-nya menjadi sama dengan lebar halaman blog
(#outer-wrapper).
Jika semua bagian telah mengalami perubahan, maka sebelum nge-save template
lebih baik melihat dulu hasil perubahan dengan mengklik pratinjau /
preview. Jika memang sudah sesuai baru di save. Jika belum tanda tinggal
klik bersihkan edit / clear edit untuk mengembaliken perubahan2 yang telah
terjadi pada template. Ok….selamat mencoba.
0 komentar: