art

Berdasarkan artikel yang pernah saya baca dari para blogger senior seperti kang Rohman dan juga O-om, dan dari blog-nya mas Kendhin juga,

Sebelum anda merubah lebar template anda, ada baiknya anda perhatikan rumus berikut ;

#header-wrapper = #auter-wrapper = #footer-wrapper = #main-wrapper + 30 + #sidebar-wrapper.

Sudah anda faham ? jika sudah sudah, mari kita lanjutkan .

Langkah awal, seperti biasa, login dulu di Blogger,Terus, pilih layout atau tata letak. Laju Klik Edit HTML.

Perhatian...!
Jangan centang kotak kecil disebelah tulisan Expand widget, bila anda tidak mau pusing dengan bermunculanya widget-widget.

Kemudian, ikuti urutan cara-cara ini ;

Temukan tulisan Width dibagian uraian Rumus yang saya tuliskan diatas. Lalu rubah nilainya. Di bawah ini penjelasan dari rumus diatas ;

1. #header-wrapper, #Auter-wrrapper dan #footer-wrapper , menjadi patokan lebar seluruh halaman blog Anda.

2. #main-wrapper adalah ukuran kolom posting anda.

3. #sidebar-wrapper adalah ukuran kolom sidebar anda.

4. Sedangkan nilai 30 digunakan untuk memberi jarak antara kolom posting dan kolom sidebar.


Dengan patokan rumus diatas, maka anda dapat merubah lebar halaman template anda sesuai kebutuhan anda.

Saya contohkan seperti dibawah ini;

apabila template anda masih 2 kolom, biasanya rincian Width-nya begini ;

#header-wrapper = 660px
#auter-wrapper = 660px
#footer-wrapper = 660px
#main- wrapper = 410px
#sidebar-wrapper = 220px

Anda dapat merubah sesuai keinginan anda, misalnya ;

#header-wrapper = 750px
#auter-wrapper = 750px
#footer-wrapper = 750px
#main- wrapper = 470px
#sidebar-wrapper = 250px


Setelah selasai semua, jangan lupa klik Save Template.

Lihat Hasilnya..!


Dan untuk yang sudah menggunakan template 3 kolom, seperti yang saya tunjukan dalam postingan yang kemarin, halaman template anda otomatis sudah bertambah lebar.
Untuk memperjelas kebenarannya, berikut ini kutipan postingan kang Rohman tersebut ;

Awalnya, width template 2 kolom anda sebagai berikut ;

#header-wrapper = 660px
#auter-wrapper = 660px
#footer-wrapper = 660px
#main- wrapper = 410px
#sidebar-wrapper = 220px

Nah, setelah anda ganti template anda menjadi 3 kolom, rincianya begini ;

#header-wrapper = 840px
#auter-wrapper = 840px
#footer-wrapper = 840px
#main- wrapper = 470px
#sidebar-wrapper = 220px
#sidebarbaru-wrapper = 180px

save template anda dan lihat dengan seksama, hasil dari editing file html anda