Berikut ini adalah cara-cara untuk
melebarkan ataupun mempersempit tampilan blog punya kita saya tidak akan kasih
tahu secara detailnya tapi hanya garis besarnya saja, Apabila kamu pakai
blogspot silahkan menuju menu edit html. tidak usah memberikan tanda centang
pada kolom expand template widget 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 kamu tentunya di sesuaikan dengan kondisi monitor anda bukan?
Berikut penjelasan mengenai #outer-wrapper, #main-wrapper dan #sidebar-wrapper
#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.
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'/>
<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..
Selamat Mencoba .....
:-)Sumber :
http://infokanca.blogspot.com/2011/05/cara-melebarkan-tampilan-blog.html |
0 komentar:
Posting Komentar