Karena ini memasang banner yang berukuran 468 x 60 px pada kolom posting (blog posts) pada template minima, yang ukuran default lebar kolom postingnya adalah 410 px, maka agar banner yang terpasang tidak terpotong, maka ukuran lebar kolom postingnya harus dirubah/diperbesar terlebih dahulu.
Untuk merubah lebar kolom posting (blog posts) yang harus dilakukan adalah:
1. Login ke Blogspot –> Design/Rancangan –> Edit HTML
2. Carilah baris kode berikut:
#main-wrapper {
width: 410px;
float: $startSide;
word-wrap: break-word;
overflow: hidden;
}
3. Rubah variabel width (410) ke besaran ukuran lebar kolom posting(blog posts) yang diinginkan, misal menjadi 480.
4. Simpan template.
Gambar 1. Edit HTML menu
Gambar 2. Ukuran banner 468 x 60
Gambar 3. Tampilan sebelum lebar kolom posting (blog posts) dirubah, banner terpotong
Gambar 4. Tampilan sesudah lebar kolom posting (blog posts) dirubah, banner tampil utuh
*****
Catatan:
* Agar tampilan template menjadi baik, jangan lupa untuk merubah ukuran lebar template minima dan juga merubah ukuran lebar header template minima.
* Untuk memudahkan pencarian baris kode, gunakan kotak pencari dengan menekan Ctr+ F, setelah muncul kotaknya, tulis/ketikan kata yang ingin dicari. Untuk browser mozzila, letaknya di sebelah kiri bawah.
Gambar 5. Letak kotak pencari pada browser Mozzila
0 comments:
Post a Comment