Pages

Kamis, 30 Agustus 2012

Merubah Ukuran Template Blog Terlengkap


Cara Merubah Ukuran Template Blog –Kembali lagi ngebahas tentang dunia blogging,di artikel kali ini saya akan memberikan tips cara mengubah ukuran template blog. pertama saya akan menjelaskan apa maksud dari gambar diatas?.gambar diatas adalah kerangka template blog,dalam gambar tsb sudah ada keterangan tentang bagian-bagiannya.
langsung aja saya mulai cara-cara Merubah Ukuran Template Blog:

1. Login

2. Klik tata Letak
3. Klik Edit HTML
4. Disarankan sebelum mengedit Kode Html kamu,silahkan kamu membackup Code HTML kamu, demi keamanan, jika terjadi sesuatu yang tidak di inginkan.

* Untuk mengedit ukuran Halaman Blog


Cari kode di bawah ini:

#outer-wrapper {

width: 660px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}


Keterangan Merubah Ukuran Template Blog:

Untuk memudahkanmencari Code di Atas gunakan bantuan dengan mengeklik Ctrl + F
Untuk untuk merubah ukuran lebar halaman blog, kamu cukup merubah angka pada width sesuai dengan keinginan kamu.

* Untuk mengedit ukuran Halaman Posting


Cari kode di bawah ini:


#main-wrapper {

width: 410px;
float: $startSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;/* fix for long non-text content breaking IE sidebar float */
}


Keterangan :

Untuk memudahkanmencari Code di Atas gunakan bantuan dengan mengeklik Ctrl + F
Untuk untuk merubah ukuran lebar Halaman Posting, kamu cukup merubah angka pada width sesuai dengan keinginan kamu.

* Untuk mengedit ukuran Sidebar Blog


Cari Code di bawah ini:


#sidebar-wrapper {

width: 220px;
float: $endSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}



Keterangan :

Untuk memudahkanmencari Code di Atas gunakan bantuan dengan mengeklik Ctrl + F
Untuk untuk merubah ukuran lebar Side Bar Blog, kamu cukup merubah angka pada width sesuai dengan keinginan kamu.

* Untuk mengedit ukuran Header Blog,


Cari Code di bawah ini:


#header-wrapper {

width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}


Keterangan :

Untuk memudahkan  mencari Code di Atas gunakan bantuan dengan mengeklik Ctrl + F
Untuk untuk merubah ukuran lebar Header Blog, kamu cukup merubah angka pada width sesuai dengan keinginan kamu.

* Untuk mengedit ukuran Footer Blog


Cari Code di bawah ini:


#footer {

width:660px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}


Keterangan :

Untuk memudahkanmencari Code di Atas gunakan bantuan dengan mengeklik Ctrl + F
Untuk untuk merubah ukuran lebar Footer Blog, kamu cukup merubah angka pada width sesuai dengan keinginan kamu.

Catatan:

Jika lebar salah satu dari kelima elemen yang telah di sebut di atas (Halaman Blog, Halaman Posting, Side Bar Blog, Header Blog, dan Footer Blog) diubah, maka akan mempengaruhi Keserasian elemen yang lain. Oleh karena itu, jika Anda ingin merubah lebar salah satu elemen, maka anda juga harus menyesuaikan dengan lebar elemen yang lain, karena jika antara satu elemen yang satu dengan yang lain tidak serasi, maka tampilan blog anda akan menjadi kacau, anda tidak mau kan. Kalau tujuan anda yang mulanya ingin mempercantik blog anda justru ujung-ujungnya malah merusak blog anda sendiri maka dari itu. Hati-hati
Demkianlah Cara Merubah Ukuran Template Blog Terlengkap

Tidak ada komentar:

Poskan Komentar