Caranya Mengubah Ukuran Template Blogspot

Blogging: berikut ini sebagian Caranya edit html di blogger bagaimana Caranya untuk mengedit atau Mengubah ukuran template, kepingan post, sidebar atau body sesuai keinginan

Langkah-langkah Caranya Mengubah ukuran template di blogspot

1. Login

2. Klik tata Letak

3. Klik Edit HTML

4. Disarankan sebelum mengedit Kode Html kamu,silahkan kau membackup Code HTML kamu, demi keamanan, jikalau terjadi sesuatu yg tidak di inginkan.

1. Mengedit ukuran Halaman/body Blog

Cari aba-aba di bawah ini:

#outer-wrapper {

width: 660px;

margin:0 auto;

padding:10px;

text-align:$startSide;

font: $bodyfont;

}

Keterangan :

Untuk memudahkanmencari Code di Atas gunakan pinjaman dengan mengeklik Ctrl + F

Untuk untuk Mengubah ukuran lebar halaman blog, kau cukup Mengubah angka pada width sesuai dengan cita-cita kamu.

2. Mengedit ukuran Halaman Posting

Cari aba-aba di bawah ini:

#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 */

}

Keterangan :

Untuk memudahkanmencari Code di Atas gunakan pinjaman dengan mengeklik Ctrl + F

Untuk untuk Mengubah ukuran lebar Halaman Posting, kau cukup Mengubah angka pada width sesuai dengan cita-cita kamu.

3. Mmengedit ukuran Sidebar Blog

Cari Code di bawah ini:

#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 */

}

Keterangan :

Untuk memudahkanmencari Code di Atas gunakan pinjaman dengan mengeklik Ctrl + F

Untuk untuk Mengubah ukuran lebar Side Bar Blog, kau cukup Mengubah angka pada width sesuai dengan cita-cita kamu.

4. Mengedit ukuran Header Blog,

Cari Code di bawah ini:

#header-wrapper {

width:660px;

margin:0 auto 10px;

border:1px solid $bordercolor;

}

Keterangan :

Untuk memudahkanmencari Code di Atas gunakan pinjaman dengan mengeklik Ctrl + F

Untuk untuk Mengubah ukuran lebar Header Blog, kau cukup Mengubah angka pada width sesuai dengan cita-cita kamu.

5. Mengedit ukuran Footer Blog

Cari Code di bawah ini:

#footer {

width:660px;

clear:both;

margin:0 auto;

padding-top:15px;

line-height: 1.6em;

text-transform:uppercase;

letter-spacing:.1em;

text-align: center;

}

Keterangan :

Untuk memudahkanmencari Code di Atas gunakan pinjaman dengan mengeklik Ctrl + F

Untuk untuk Mengubah ukuran lebar Footer Blog, kau cukup Mengubah angka pada width sesuai dengan cita-cita kamu.

Catatan:

Jika lebar Keliru satu dari kelima elemen yg telah di sebut di atas (Halaman Blog, Halaman Posting, Side Bar Blog, Header Blog, dan Footer Blog) diubah, maka bakal mempengaruhi Keserasian elemen yg lain. Oleh sebab itu, jikalau Anda ingin Mengubah lebar Keliru satu elemen, maka anda juga harus menyesuaikan dengan lebar elemen yg lain, sebab jikalau antara satu elemen yg satu dengan yg lain tidak serasi, maka tampilan blog anda bakal menjadi kacau.

sumber: http://www.abu-farhan.com/