Monday, April 25, 2016

Secara umum semua template memiliki teknik yang sama, hanya saja ada sedikit perbedaan di beberapa opsi. Oleh karena itu dalam tips trik merubah ukuran lebar template ini saya menyampaikan cara yang paling mudah dengan mengedit sumber HTML. Namun jika kalian menggunakan template bawaan blogger tidak perlu edit HTML, tapi cukup mengatur layout yang ada di dasbor blogger saja.

Berikut cara merubah ukuran template melalui edit HTML

1. Pilih Template kemudian pilih edit HTML. Kemudian cari kode seperti di bawah ini :

#header-wrapper {
Di deretan bawah kode tersebut ada kode ukuran lebar template seperti ini
height:119px;
width:900px;

Note: “width” adalah ukuran lebar. Gantilah ukuran lebar 900px tersebut sesuai dengan keinginan kalian, misalnya 970px.


Selanjutnya kalian harus merubah semua ukuran 900px yang ada di sumber HTML template tersebut menjadi 970 semua.
Caranya, ketik Ctrl+F, lalu masukkan angka 900 dan klik enter.
Jika kalian sudah tidak menemukan angka 900 berarti semua sudah berubah.

2. Sekarang tinggal mengatur lebar postingan, sidebar dan apa saja yang ada di halaman blog kalian.
  • Jika ingin merubah lebar halaman postingan saja cari kode berikut ini :
#main-wrapper {
Dibawahnya ada kode seperti ini
width:507px;
Ganti semua angka 507 dengan ukuran anda agar sesuai dengan lebar template yang anda rubah tadi.
  • Jika ingin merubah lebar sidebar saja cari kode berikut ini :
#sidebar-wrapper {
Dibawahnya ada kode seperti ini
width:362px;
Ganti semua angka 362 dengan ukuran anda agar sesuai dengan lebar template yang anda rubah tadi.

3. Klik Simpan Template. Selesai dan lihat hasilnya.
4. Mungkin masih ada yang di edit jika kalian memeiliki blog yang ada SLIDE dsb. Namun, cara seperti di atas sudah mumpuni untuk mengeditnya jika kalian kreatif.


Cukup sekian tutorial kali ini, selamat mencoba dan semoga bermanfaat bagi kalian.
Good Luck gan...

0 comments:

Post a Comment

Translate

POPULAR POST

Bagaimana postingan blog ini ?