Merubah Ukuran Template Blog

Mengatur ukuran tamplate pada blog, sebetulnya sudah disediakan pribadi oleh blogspot. Namun, pengaturan lanjutan layout/tampilan yang disediakan ini sifatnya terbatas, dan hanya dapat dipakai apabilan saudara memakai template yang disediakan blog. Lantas bagaimana, seandainya saya memakai tamplet dari pihak ke-dua, dan pengaturan lanjutan di layout/tampilan tidak merespone/tidak dapat membantu saya dalam mengubah ukuran template. Melakukan pengeditan pada template  (HTML editor), mungkin yaitu satu-satu cara yang dapat kita lakukan.

Bagaimana cara merubah ukuran template di HTML editor

Sebelum saudara terjun ke TKP untuk mengatur ukuran  template,   secuil ilmu yang saya sampaikan mungkin akan bermanfaat untuk membantu pemahaman saudara.  Didalam HTML editor ada isyarat yang berfungsi merubah template bab keseluruhan atau dari beberapa kolom menyerupai ukuran lebar postingan, sidebar, header dan footer.  Berikut ini penjelasannya:

1. #outer-wrapper >>> isyarat untuk ukuran lebar suatu template blog… alasannya ini yaitu ukuran dasar, maka semua ukuran baik #header-wrapper, #main-wrapper ataupun #sidebar-wrapper, tidak melebihi dari ukuran #outer-wrapper. 2. #header-wrapper >>> isyarat untuk ukuran lebar header . Header bab atas mencakup kolom Judul atau nama blog. Biasanya ada dua kolom kanan dan kiri, misal: header{ dan header2{ 3. #main-wrapper >>> isyarat template bab kolom postingan blog. 4. #sidebar-wrapper >>> isyarat bab Sidebar dalam template blog…. Biasanya dalam kolom di isi dengan widget-widget yang diterapkan. Sidebar dapat berada dibagian posisi kanan dan kiri atau salah satunya. <br />

Penjelasan diatas yaitu patokan/aturan dasar dalam mengubah ukuran tamplet, dan dibawah ini yaitu tutorial/langkah-langkah dalam mengubah ukuran template.

1. Pada pilihan sajian >>> Template .

3. Klik >> Edit HTML

4. Gunakan fungsi ctrl + F, untuk membantu pencarian:

           

#outer-wrapper {

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

#header-wrapper

#header-wrapper { width:1000px; margin:0 auto 10px; border:1px solid $bordercolor; } Catatan: Bila Header dalam template blog mempunyai dua kolom kanan dan kiri, pastikan kedua ukurannya diadaptasi dengan ukuran #header-wrapper diatas.

#main-wrapper

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

#sidebar-wrapper

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

Ket:

• #####-wrapper     >>>>>adalah isyarat untuk ukuran template.
• float:left; / float:right  >>>>>>  yaitu posisi kolom berada.
• width:####px; >>>>>> yaitu ukuran lebar kolom.

Secara harfiah, wrapper artinya pembungkus. Maksudnya, jikalau saudara memakai template hasil download , maka ada kemungkingan kata "wrapper" dapat saja diganti dengan istilah yang lain.
Untuk melaksanakan pengeditan, saudara cukup dengan hanya merubah ukuran dalam width:####px,  namun menyerupai yang saya jelaskan diatas, ukuran #outer-wrapper yang menjadi patokan.

Artikel ini kuketik, sebagai catatan ilham perjalan blog-ku. Selamat Mencoba "-"