Rabu, 09 Mei 2007

Sidebar Melorot

Ada seorang kawan mengeluhkan bahwa blognya mempunyai masalah yakni sidebar blog yang seharusnya berada di samping postingan menjadi melorot ke bawah sehingga tidak sedap di pandang mata. Mungkin kawan-kawan ada yang mengalami hal yang demikian, oleh
karenanya pada kesempatan kali ini saya akan membahas tentang mengapa sidebar bisa melorot dan tentunya solusi untuk mengatasi hal ini, tapi sebelumnya saya minta maaf kepada kawan-kawan yang blognya melorot tapi tetap enjoy dengan blognya, anda jangan
tersinggung dan tetaplah stay cool and enjoy your blog jangan terpengaruh dengan tulisan ini ok    





Pada dasarnya blog terbagi dalam beberapa element, yaitu element header, element posting, sidebar, serta footer. Element posting didesain berada berdampingan dengan element sidebar, keduanya mempunyai ukuran lebar yang sudah di tetapkan oleh pembuat template blog yakni dalam satuan pixel. Nah sekarang timbul pertanyaan kenapa sidebar yang seharusnya berdampingan dengan element posting bisa melorot kebawah? Ini bisa terjadi apabila kita memasukan tulisan ataupun kode atau juga image melebihi ukuran lebar dari element posting tadi. Sebenarnya apabila kita memasukan artikel dengan tulisan biasa tidak akan terjadi masalah karena blog ini sudah di
otomatisasi yakni apabila ada tulisan yang melebihi lebar element posting maka secara otomatis akan di kebawahkan sehingga tidak akan terjadi masalah. Rada ngejelimet keterangannya ya



Ok langsung aja biar ga tambah pusing. faktor-faktor penyebab sidebar bisa melorot yaitu :



  • kita memasukan image atau foto ataupun banner yang ukurannya melebihi lebar element posting




  • sebuah gambar atau foto ataupun banner yang lebarnya melebihi lebar element posting tidak bisa di otomatisasi
    pindah kebawah karena tentu saja sebuah gambar adalah satu kesatuan yang utuh sehingga tidak bisa di bagi dua
    atau di bagi tiga, lain halnya dengan tulisan biasa yang tiap kata mempunyai jarak spasi sehingga bisa di pisahkan.
    trus bagaimana cara mengatasi hal ini? Untuk mengatasi hal ini tentu saja kita harus memperkecil ukuran lebar dari
    gambar tadi, caranya yaitu edit kembali postingan yang terdapat gambar tersebut, lalu ketika berada pada kolom
    posting pilih menu Compose, setelah terlihat gambar yang terlalu besar tadi, arahkan mouse kedalam gambar
    lalu klik.Jika gambar mouse berubah menjadi anak panah penjuru, arahkan pada tepi gambar tersebut sehingga gambar
    mouse menjadi anak panah dua arah klik lalu tahan dan geser. setelah gambar di perkecil, ya tinggal di publish lagi
    trus di lihat apa masih melorot atau sudah baik, jika masih melorot ya tinggal di perkecil lagi gambarnya.



    cara yang kedua adalah memberi sedikit kode HTML tambahan yaitu width="...." pada kode image tersebut,
    tapi tentu saja anda harus mengetahui terlebih dahulu lebar dari element posting kita, untuk mengetahui lebar dari element posting, kita
    bisa melihat dari template yang kita pakai, setiap template berbeda-bada sehingga saya tidak bisa memberi patokan di manakah letak lebar element posting.
    tapi bagi anda yang masih bingung ya tinggal di coba aja, trus kalau masih kelebaran ya tinggal di perkecil lagi. Contoh : pada postingan terdahulu
    saya memasang banner dari resep bisnis dan ternyata
    sidebar saya jadi melorot. kode banner nya adalah :



    <img src="http://www.resepbisnis.com/images/banner01.gif">, untuk mengakalinya saya tambahkan kode tambahan, kodenya jadi seperti ini :


    <img height="58" src="http://www.resepbisnis.com/images/banner01.gif" width="300" />




    dan hasilnya gambar banner jadi lebih kecil sehingga muat di simpan di dalam element posting.
    tapi hati-hati ada beberapa banner milik situs orang lain, ada aturan bahwa kita tidak boleh merubah ukuran banner. jadi ya ga boleh di rubah dan tentunya ya jangan di masukan
    ke dalam element posting, gampang kan.




  • Memasukan kode HTML yang telalu panjang




  • Kode HTML yang di pajang pada postingan apabila terlalu panjang ini juga bisa menyebabkan sidebar menjadi melorot, sebagai contoh saya sering
    memberikan kode HTML kepada para pengunjung untuk bisa mengcopy nya, dan tentunya ini beresiko sidebar menjadi melorot. Untuk mengatasinya
    saya tuliskan tiga jalan alternatif yakni membuat text area sebagai tempat untuk menyimpan kode-kode yang di rasa sangat panjang, memperkecil
    ukuran hurup kode HTML tersebut, mencantumkan keterangan bahwa kode tersebut adalah dalam satu baris.



    jalan yang terbaik untuk memuat kode HTML yang terlalu panjang adalah dengan membuat text area (cara membuat text area lihat di sini), karena
    sepanjang apapun kode tersebut tidak akan berpengaruh terhadap lebar element posting sebab yang menjadi ukuran adalah lebar dari text area.



    Untuk kode yang relatif agak pendek kita bisa mencoba memperkecil ukuran huruf kode tersebut, untuk memperkecil ukuran huruf tentu saja harus
    menambahkan suatu kode, kode tersebut bisa berupa :



    <font size="..."> ... kode yang ingin di perkecil ...
    </font>




    nilai dari font size itu tergantung anda tapi yang jelas ukurannya kurang dari 1. contoh "0.1" , "0.2" , "0.3" dan lain-lain.
    Untuk melihat kode yang sudah saya perkecil silahkan klik di sini.




  • Memuat address link yang terlalu panjang





  • Ada kalanya apabila kita mengambil suatu tulisan dari blog lain dan ingin membuat permanent link ke tulisan tersebut, kita menuliskan address artikel
    tersebut terlalu panjang. Contoh :



    tulisan ini saya ambil dari http://kolom-tutorial.blogspot.com/2007/04/kode-html-tampil-di-posting.html milik bang rohman



    address artikel tersebut sebenarnya bisa di singkat dengan cara :



    tulisan ini saya ambil dari <a href="http://kolom-tutorial.blogspot.com/2007/04/kode-html-tampil-di-posting.html" target="_blank" > kolom tutorial </a> milik bang rohman



    dan yang akan tampil di blog akan seperti ini :



    tulisan ini saya ambil dari kolom tutorial milik bang rohman



  • Memasukan karakter huruf tanpa ada jeda spasi




  • Bila kita memasukan suatu karakter huruf terlalu panjang tanpa ada jeda spasi, maka karakter tersebut tidak akan bisa di otomatisasi sehingga akan
    menabrak dinding element posting dan berakibat sidebar jadi melorot. contohnya kita memasukan karakter sama dengan "======", garis bawah "______"
    tanda bintang " ****** ", tanda pagar " ##### ", dan yang lainnya. Solusinya bila kita ingin memasukan karakter tersebut ya masukin sampai batas dinding
    element posting jangan lebih



    Trus bagaimana kalau semua solusi di atas sudah di lakukan tapi sidebar masih melorot? Jalan keluarnya ya ganti aja templatenya, mungkin template
    yang anda pakai bermasalah. Cuma jika mau ganti template jangan lupa untuk mengcopy seluruh data template tersebut, ini berguna karena dalam template lama
    tadi banyak data-data penting semisal kode shoutbox, link, kode gambar dan lainnya. Sehingga ketika mengedit template baru anda tidak usah bolak-balik ke situsnya.
    untuk mengambil kode.



    Ok bro sekian dulu semoga bermanfaat.



    Tidak ada komentar:

    Posting Komentar