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 :
(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.
2. Lebar ruang postingan ditambah lebar sidebar harus lebih kecil dari lebar header.
Label: ❀ Blog Tutorials ✿
diposting oleh Yasmin Adha @ 05.49
1 Komentar
