✿ Pinky Girl ✿

NOTICE

Mengubah Lebar Template Blog

Untuk mengubah lebar tampilan blog, prosedur yang Kalian lakukan adalah :

1. Buka akun blogger

2. Pada Dashboard, pilih Templeat ==> Edit

(Catatan: sebelum mengubah kode berikut, lakukan backup template agar jika gaga, Kamu bisa mengembalikan ke kondisi template awal).

2. Cari kode berikut: ==> CTRL + F

a. Mengubah lebar header
(pada bagian width : ubah menjadi 880px) ( terserah kalian ).

#header {
width: 880px;
margin: 0 auto;
background-color: $headerBgColor;
border: 1px solid $headerBgColor;
color: $headerTextColor;
padding: 0;
font: $headerFont;

b. mengubah lebar bagian konten (content)
(pada bagian with : ubah menjadi 880px) ( terserah kalian )

#content-wrapper {
width: 880px;
margin: 0 auto;
padding: 0 0 15px;
text-align: $startSide;
background-color: $mainBgColor;
border: 1px solid $borderColor;
border-top: 0;

c. Mengubah lebar ruang postingan
Pada bagian width ubah menjadi 550px

#main-wrapper {
margin-$startSide: 14px;
width: 550px;
float: $startSide;
background-color: $mainBgColor;
display: inline;

d. Mengubah lebar sidebar
Ubah ukuran width menjadi 280px

#sidebar-wrapper {
margin-$endSide: 14px;
width: 280px;
float: $endSide;
background-color: $mainBgColor;
display: inline;

Nahh... kalau sudah, bisa Kalain simpan perubahan. Lalu lihat Blog. Insya Allah berhasil,karena Saya saja berhasil. Nih..blog yg Yasmin pke aja berhasil. J

Kalian juga bisa lebih berkreasi mengubah lebar tinggi-nya bagian2 blog kalian. Asalkan :

1. Lebar header harus sama dengan lebar konten (content)
2. Lebar ruang postingan ditambah lebar sidebar harus lebih kecil dari lebar header.

Label: ❀ Blog Tutorials ✿