Salah satu bentuk modifikasi template blog yang banyak dilakukan adalah memperkecil tampilan blog hingga memperlebar template blog itu sendiri, biasanya hal ini dilakukan untuk menyesuaikan lebar template dengan lebar unit iklan yang akan dipasang di blog tentunya.
Pada dasarnya, cara merubah ukuran template blog hanya memilki sedikit perbedaan cara antara satu template dengan template yang lain. Hal ini tergantung dari nama komponen CSS atau sumber HTML dalam tiap template blog masing-masing.
Pada artikel kali ini tip-blogger akan memberikan tips sederhana tentang cara melebarkan template blog atau cara mengatur lebar postingan blog agar tampilan web atau blog kita sesuai dengan yang kita inginkan.
Untuk tahap pertama kita mulai dari cara merubah ukuran template blog dengan mengedit sedikit struktur css dalam template blog sobat, berikut langkah-langkahnya :
1. Terlebih dahulu sebaiknya Back-up template sobat sebelum di edit untuk mencegah terjadinya eror pada template. Caranya, pada dashboard blogger pilih template, pilih Back up template dan klik download.
2. Untuk mulai mengedit template Silahkan sobat kembali menuju dasbor blogger sobat, pilih template dan kemudian pilih edit HTML.
3. Usai melakukan langkah nomor 2 di atas, seharusnya sobat berada dalam struktur template blog yang sobat edit saat ini. Cari kode Header-Wrapper atau Header-wrap ataupun sejenisnya biasanya tiap template memilki perbedaan nama komponen CSSnya masing-masing.
Untuk mempermudah pencarian kode bersangkutan gunakan Ctrl+f dan tulis kode yang ingin dicari kemudian tekan ENTER untuk memulai proses pencarian kode dalam template.
| #header-wrapper { background:#ffffff; Margin:0 auto; height:100px; width:728px; Overflow:hidden; |
4. Dengan mengetahui lebar halaman header blog milik sobat sesuai contoh diatas maka sudah dapat diperkirakan bahwa lebar menu navigasi, lebar halaman footer memilki ukuran lebar yang sama.
5. Langkah selanjutnya adalah mencari semua angka yang lebarnya sama dengan lebar #header-wrapper dalam template milik sobat. Contohnya sekarang ini kita mencari semua angka 728px sesuai dengan lebar #header-wrapper di atas dan merubahnya ke angka atau lebar yang kita inginkan, saya merubah ukuran template ini sesuai kasus di atas dari lebar 728px menjadi 960px.
6. Jika sobat sudah merubah ukuran lebar template blog dan sudah tidak menemukan angka 728px lagi, maka seharusnya lebar template sobat sudah berubah.
7. Langkah selanjutnya adalah merubah ukuran lebar halaman postingan dan lebar sidebar blog sobat agar lebar sisi halaman posting dengan lebar halaman sidebar sesuai dengan lebar keseluruhan template yang baru saja sobat rubah lebarnya. Keterangannya seperti di bawah ini.
Kembali menggunakan Ctrl+f dan cari #post-wrapper atau sejenisnya. Biasanya dalam suatu template nama komponennya juga berbeda, jika tidak menemukan #post-wrapper silahkan sobat mencari #post-wrap atau #main-wrapper.
| /* POST WRAPPER */ #post-wrapper { background:$(post.background.color); float:left; width:468px; max-width:70%; margin:10px 5px 10px 0px; |
| /* SIDEBAR WRAPPER */ #sidebar-wrapper { background:$(sidebar.background.color); float:right; width:250px; max-width:30%; margin:10px 0px 10px 5px; |
silahkan sobat menyesuaikan lebar template antara halaman posting dan sidebar sesuai langkah di atas.
Usahakan Agar lebar halaman posting tetap seimbang dengan lebar sidebar agar tampilan dalam tata letak dashboard blogger sobat tetap terususun dengan rapi. Dan bila sudah selesai Klik Simpan Template. Selesai dan lihat hasilnya.
Demikian tips cara mengatur ukuran template blog di blogger. Semoga informasi ini bisa berguna untuk teman-teman blogger. Sekian, salam blogger.
0 Komentar di "Cara Melebarkan Template Blog"
Posting Komentar