Cara Edit atau merubah ukuran Templates

Bismillah, artikel saya kali ini saya akan menjelaskan bagaimana merubah template blogger atau blogspot, tentunya dengan perubahan kita akan menemukan seseuatu yang baru, langsung saja Check Out..
yang pertama seperti biasa Login dulu.
langsung menuju HTML Editor jangan lupa mark atau centang Expand Template Widget
tapi sebelumnya karena ini rada serius dari pada anda menyesal nantinya, anda download template blog anda terlebih dulu, agar nanti bila ada sesuatau yang tidak diharapkan terjadi anda tidak menyesali, mari kita mulai, untuk mengedit atau merubah ukuran page / halaman blog cari scripts di bawah ini, pencarian lebih mudah menggunakan Find (Ctrl+F)

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

warna merah adalah angka yang berfungsi mengatur page anda, silahkan dirubah sesuai keinginan anda. Untuk merubah ukuran Halaman Posting cari scripts ini:

#main-wrapper {
  width: 480px;
  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 */
}

Untuk merubah ukuran Sidebar silahkan cari scripts ini:

#sidebar-wrapper {
  width: 300px;
  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 */
}

Merubah ukuran Header Blog anda bisa mencari script ini:

#header-wrapper {
  width:974px;
  height:121px;
  margin:0 auto 0px;
  background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3uU9w-SibMqyWgsvQpZ9TVTfbxt_tHqzG_rITt5mlHXnsykTzk39nWzvITJEV87POIutlCC6dj5Zd9segmd0TSt54xByFWNHc55C4oAQb9AqHpMp0GzAD8nH_CkZ0IW6DEqbUUW6QhwU/s1600/blogciut.jpg) no-repeat top;
overflow:hidden;
  }

Ubah warna merah, warna biru itu adalah background gambar bila hearder templlate yang anda pakai menggunakan latar belakang, dan untuk merubah ukuran Footer anda bisa mencari scripts ini:

#footer {
vertical-align:top;
width:974px;
height:68px;
color:#324765; /* warna-nya bos
font-size: 11px; /* ukuruan text
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDfhlgNPzvogsQZBFstmwNNxRoFV3cSOwC4NuEuXGfMuDouwZA2TkWo_WwA7kAxPqZZfoM3z7zjXQtXmEfTC1dv6_yBdHYmSwyxW6JgdTFWOd5muZJwl0kiAlDD9Z0XsU_T7FJdS9vimw/s1600/foot_bg.jpg) no-repeat bottom;
height:70px;
clear:both;
}

Nah sekian dulu artikel ini semoga bermanfaat :)