Merubah Ukuran Lebar Kolom Posting (Blog Posts) pada Template Minima

Posting date: Sunday, December 12, 2010
This post have:

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.

merubah ukuran lebar kolom blog posts 1 460 Gambar 1. Edit HTML menu

DonkeyMails.com: No Minimum Payout Gambar 2. Ukuran banner 468 x 60 

merubah ukuran lebar kolom blog posts 2Gambar 3. Tampilan sebelum lebar kolom posting (blog posts) dirubah, banner terpotong

merubah ukuran lebar kolom blog posts 3Gambar 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.

kotak pencariGambar 5. Letak kotak pencari pada browser Mozzila

0 comments:

Post a Comment

Related Posts Plugin for WordPress, Blogger...