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 :
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.
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.
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
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