place Google AdSense code here
Ada banyak sekali template blog yang bagus dan sangat menarik bagi sobat, namun kemungkinan sobat tidak menyukai karena salah satunya disebabkan oleh ukuran lebar dari suatu template blog tersebut. Hal ini biasanya sobat kurang cocok pada ukuran lebar kolom template yang meliputi kolom postingan, sidebar, footer, header dan masih banyak lagi.
Dalam mengatur ukuran suatu template blog tentu saja ada beberapa kode yang harus sobat ketahui, diantaranya adalah kode untuk template bagian keseluruhan atau dari beberapa kolom seperti ukuran lebar postingan, sidebar, header dan footer.
Berikut tutorial cara merubah ukuran pada blog :
- Login akun blogger Anda.
- Pilih Template > Edit HTML > klik Expand Template Widget.
- Untuk menghindari kesalahan yang tidak diinginkan dalam mengedit, download terlebih dahulu template blog Anda.
- 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;}
{width:970px;
margin:0 auto 0;
height:60px;
padding:34px 0px 34px 0px;
overflow:hidden;}
Ganti ukuran header 970px sesuai dengan keinginan Anda.
- 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( ... )
{width:970px;
margin:10px auto 0px;
padding:0;text-align:$startSide;
font:$bodyfont;
background:url( ... )
Ganti ukuran header 970px sesuai dengan keinginan Anda.
- 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 */
{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 header 485px sesuai dengan keinginan Anda.
- 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;
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.
Sekian tutorial Cara Merubah Ukuran / Halaman Pada Blog dari saya, semoga sangat bermanfaat bagi pembaca. Apabila ada yang perlu ditanyakan bisa berkomentar di bawah.
terimakasih banyak sob buat tutorialnya, sangat membantu sekali...
BalasHapushttp://herbalkuacemaxs.com/