Selasa, 13 Januari 2015

Cara Mengubah Ukuran Halaman Blog


Template blog hasil download, biasanya ukuran halaman posting, sidebar,dll seringkali tidak sesuai dengan keinginan kita. Tapi jangan khawatir pada kesempatan ini kita akan membahas cara mengubah ukuran halaman blog.

Berikut simak cara mengubah ukuran halaman blog:

  1. Login akun blogger Anda. 
  2. Pilih Template > Edit HTML > klik Expand Template Widget
  3. Untuk menghindari kesalahan yang tidak diinginkan dalam mengedit, download terlebih dahulu template blog Anda. 
  4. Cari kode seperti dibawah ini untuk mengubah ukuran header:
    #header-wrapper{width:970px;margin:0 auto 0;height:60px;padding:34px 0px 34px 0px;overflow:hidden;}
    Ganti ukuran header 970px sesuai dengan keinginan Anda. 
  5. Cari kode seperti dibawah ini untuk mengubah ukuran lebar halaman:
    #outer-wrapper{width:970px;margin:10px auto 0px;padding:0;text-align:$startSide;font:$bodyfont;background:url( ... )
    Ganti ukuran lebar halaman 970px biasanya harus sesuai dengan header. 
  6. Cari kode seperti dibawah ini untuk mengubah ukuran halaman posting:
    #main-wrapper{width:485px;padding-top:10px;padding-left:0px;padding-right:0px;float:left;word-wrap:break-word;/* fix for long text breaking sidebar float in IE */
    Ganti ukuran halaman posting 485px sesuai dengan keinginan Anda. 
  7. Cari kode seperti dibawah ini untuk mengubah ukuran sidebar:
    #sidebar-wrapper{width:320px;float:left;padding-left:10px;margin-top:10px;margin-left:0px;margin-right:10px;word-wrap:break-word;
    Ganti ukuran sidebar 320px sesuai dengan keinginan Anda.
Untuk mengubah ukuran halaman blog, Anda harus teliti menghitung antara halaman, header, posting, sidebar, agar tampilan template blog nantinya terlihat bagus.
Tidak ada komentar :

Tidak ada komentar :

Posting Komentar