Tutorial: How To Change The Width Of Your Blog.

Kadang-kadang, lebar column templete rasa sempit sangat. Kalau i, i tak suka. Sebab nampak sempit. Padahal, ruang kiri dan kanan masih banyak. So, kita boleh tukar width dalam coding. Saiz-nye, korang boleh letak ikut suka hatilah. Try and error. Ikut steps dekat bawah ni.

1. Login Blogger -> Dashboard -> Design -> Edit HTML
2. Tick box Expand Widget Templete.
3. Oh, jangan lupa save script templete yang dipakai sekarang untuk backup.
4. Tekan Ctrl+F, nanti ada search box dekat kanan atas sekali.
5. Insert-kan #header-wrapper {


#header-wrapper {
  width:660px;
  margin:0 auto 10px;

Number 660 tu, tukar kepada number 950 atau saiz yang korang nak.

6. Sekali lagi, tekan Ctrl+F untuk search #outter-wrapper {


#outer-wrapper {
  width: 660px;
  margin:0 auto;

Number 660 tu, tukar kepada 950 atau saiz yang korang nak.

7. Search pulak #main-wrapper {


#main-wrapper {
  width: 410px;
  float: $startSide;

Number 410 tu, tukar kepada 660 atau saiz yang korang nak.

8.  Search lagi, #sidebar-wrapper {


#sidebar-wrapper {
  width: 220px;
  float: $endSide;

Number 220 tu, tukar kepada 235 atau saiz yang korang nak.

9. Click preview, kalau takde error message, save la templete korang.
10. Korang boleh ubah saiz ni bila-bila masa everytime korang tukar templete baru.

Happy trying!!

Credit: Mari Bina Blog.



Lotsa love,