Sabtu, 28 September 2013

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. 


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:

1 Komentar:

Pada 17 Oktober 2013 pukul 00.55 , Blogger Yasmin Adha mengatakan...

Testing.. ^_^

 

Posting Komentar

Hai Readers..!!!
Jika sudah membaca artikel Saya, wajib tinggalkan komentar yah.???
Terimakasih ^_^

Berlangganan Posting Komentar [Atom]

<< Beranda