Menambah lebar postingan blog

kali ini saya akan membahas cara memperluas halaman postingan blog kita, terkadang halaman postingan yang telah ada, ini tidak sesuai dengan lebar yang kita inginkan. maka itu, timbul lah ide untuk mengganti lebar tersebut untuk bisa lebih lebar lagi. karna kemungkinan tidak cocok dengan kebutuhan artikel yang anda postkan. sehingga kelihatan sempit atau barangkali tidak bisa berleluasa untuk menambah gambar di samping kanan, atau kiri artikel tersebut. apa solusinya? tentu anda harus menambah lebar halaman post tersebut.

Untuk menambah lebar postingan tersebut tidak lah se-susah seperti yang anda bayangkan. kita hanya mengubah atau menambah lebar tersebut selebar mungkin yang cocok dengan keinginan kita. dan tentunya kita harus memikirkan juga apakah lebar yang akan ditambahkan tersebut, pas pada resolusi monitor yang kita gunakan. karna setiap monitor pasti berbeda. pada Umumnya resolusi monitor yang digunakan adalah 800 x 600, 1024 x 768, atau 1152 x 864 pixel. sekarang terserah anda menentukannya. tapi sedikit saya berikan gambaran terlebih dahulu tentang resolusi monitor tersebut.

Jika anda membuat lebar pada blog dengan resolusi monitor 1024 x 768 pixel misalnya, maka tampilannya bisa jadi kurang bagus ketika dibuka dengan resolusi 800 x 600 pixel. jadi sebaiknya lebih baik memakai resolusi 800 x 600 pixel saja. Besarnya resolusi monitor juga tergantung pada lebar blog yang kita buat. untuk blog nya sedikit, menggunakan resolusi besar bisa menyebabkan ketidaknyamanan pada saat melihat, karena akan banyak terdapat ruang yang kosong. Nah ada baiknya anda memikirkannya terlebih dahulu. dan ini juga tergantung pada diri anda sendiri.untuk menambah lebar postingan tersebut berikut ini langkah-langkah nya.

  • Login ke blogger
  • Klik Rancangan
  • Edit HTML
  • Nah untuk menambah lebar postingan, yang pertama anda harus menambah lebar dari halaman content blog tersebut. ini agar halaman postingan dengan sidebar bisa saling berdampingan. cari kode #content-wrapper {
  • Kalau sudah ketemu ganti ukuran content-wrapper tersebut minsalnya lebar content wrapper anda sebelumnya adalah 600px silah kan di tambah 200px sehingga menjadi 800px, sebagai contoh lebih kurang seperti ini

    #content-wrapper {
    background:#ffffff;
    width:800px;
    ........
    }

  • Setelah langkah di atas sudah selesai, langkah berikutnya anda tinggal menambah lebar pada postingan blog anda. silahkan cari kode #main-wrapper {
  • Kalau sudah ketemu tambahkan juga 200px pada width yang terdapat disana. jika tadinya lebar #main-wrapper anda 400px, setelah ditambahkan akan menjadi 600px. sebagai contoh lebih kurang seperti di bawah ini

    #main-wrapper {
    width:600px;
    word-wrap:break-word;
    .........
    }

  • Sekarang simpan template anda
  • Selesai....


0 comments:

Post a Comment

Search

Popular Posts

Powered by Blogger.