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 ..... :-)
No comments:
Post a Comment