Feb 20, 2015

Cara Melebarkan/Memperkecil Halaman Blog

Terkadang kita ingin merubah ukuran halaman postingan pada blog yang kita miliki. Entah alasan untuk mempercantik blog atau merapihkan halaman. Apapun alasan berikut cara merubah lebar halaman blog, terutama bagian postingnya.


Apabila anda pakai blogspot silahkan menuju menu edit html, selanjutnya cari kode css #outer-wrapper#main-wrapper dan #sidebar-wrapper. untuk lebih mudahnya silahkan tekan Ctrl+F dan ketikan kode yang anda cari.Jika sudah ketemu silahkan nilai angka dibawah tulisan #outer-wrapper, #main-wrapper dan #sidebar-wrapper diganti sesuka anda

Penjelasan
#outer-wrapper –> kode untuk melebarkan halaman blog 
#main-wrapper –> kode untuk melebarkan postingan blog 
#sidebar-wrapper –> kode untuk melebarkan sidebar blog.


Jika langkah diatas tidak bisa andai pakai / atau kode diatas tidak muncul dipencarian anda bisa memakai cara ini antara lain : 
1. Masuklah ke halaman Dasbor blog anda lalu klik Rancangan.
2. Kemudian klik pada Edit HTML.
3. Untuk berjaga-jaga jika terjadi kesalahan sebaiknya backup dulu template anda dengan mengklik Download Template Lengkap.
4. Kemudian centanglah Expand Template Widget.
5. Kemudian carilah kode ]]></b:skin> untuk mempermudah tekan tombol ctrl + F.
6. selah anda menemukan kode tersebut lihat kode dibawahnya, contohnya seperti dibawah ini :

 <b:template-skin>
      <b:variable default='930px' name='content.width' type='length' value='930px'/>
      <b:variable default='0' name='main.column.left.width' type='length' value='360px'/>
      <b:variable default='360px' name='main.column.right.width' type='length' value='360px'/> 

angka yang berwarna merah bisa anda rubah sesuai keinginan anda,
ket : baris pertama pada angka 930 itu adalah ukuran lebar/sempitnya halaman
        baris kedua adalah ukuran lebar sidebar sebelah kiri
        baris ketiga adalah  ukuran lebar sidebar sebelah kanan

7. setelah anda rubah angka2 tersebut sesuai dengan keinginan anda, simpan template dan lihat hasilnya..

Haturnuhun.

http://codedok.blogspot.com/

Comments
0 Comments

0 comments:

Post a Comment