Home » » Cara mengatasi sidebar melorot

Cara mengatasi sidebar melorot

Tutorial penting Belajar blog bareng kali ini membahas tentang sidebar yang melorot, Ngomong-ngomong soal sidebar melorot, saya pernah mengalaminya dan sempat bikin saya hampir putus asa, tak kirain kemlorotan itu akan mengakiri sgalanya, tapi dengan segala daya dan upaya maka saya cari solusi "cara mengatasi sidebar melorot". Yang namanya sidebar dah pasti tempatnya disamping kan?tapi karena sesuatu hal sidebar yang harusnya disamping jadinya mlorot tidak pada tempatnya dan dah pasti tampilan blog kita jadi tak enak diliat. Apakah yang bikin sidebar kita jadi mlorot?apakah karena kacingnya lepas?tentu saja bukan, Dari hasil belajarku dapat saya ketahui bahwa ada faktor-faktor penyebab sidebar bisa melorot yaitu :


* kita memasukan image atau foto ataupun banner ato yang lainya yang ukurannya melebihi lebar element posting

sebuah gambar atau foto ataupun banner ato sejenisnya yang lebarnya melebihi lebar element posting tidak bisa di otomatisasi pindah kebawah seperti kita nulis diword karena sebuah gambar adalah satu kesatuan yang utuh sehingga tidak bisa di bagi-bagi entah dibagi dua atau di bagi tiga, lain halnya dengan tulisan biasa yang tiap kata mempunyai jarak spasi sehingga bisa di pisahkan-pisahkan dengan mudahnya. tyus gimana cara mengatasinnya? 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 alias tulis, 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.(untuk memperkecil gambar mudah saja seperti halnya kita gutak-utik gambar diword) setelah gambar di perkecil, ya tinggal di publish alias diterbitkan tyus di lihat apa masih melorot? atau sudah baik-baik saja, jika masih melorot ya tinggal di perkecil lagi gambarnya. Mudah tow?
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 batasan 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 : saya pasang barner seperti dibawah ini bikin sidebark melorot

<img src="http://www.adsensecamp.com/images/banner01.gif"> ,

untuk mengakalinya saya tambahkan kode tambahan, kodenya jadi seperti ini :

<imgheight="58"src="http://
www.adsensecamp.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 harus ditempel apa adanya.

*Memasukan kode HTML yang telalu panjang*

Kode HTML yang di pajang pada postingan apabila terlalu panjang juga bisa menyebabkan sidebar melorot, sebagai contoh saya 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

1.membuat text area sebagai tempat untuk menyimpan kode-kode yang di rasa sangat panjang,
2. memperkecil ukuran hurup kode HTML tersebut,
3. mencantumkan keterangan bahwa kode tersebut adalah dalam satu baris.

jalan yang terbaik untuk memuat kode HTML yang terlalu panjang adalah dengan membuat text area 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.

*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://tutorialpenting.blogspot.com/2009/03/cara-nulis-kode-html-di-posting.html

address artikel tersebut sebenarnya bisa di singkat dengan cara :

tulisan tentang nulis kode html di postingan

<ahref="http://tutorialpenting.blogspot.com/2009/03/cara-nulis-kode-html-di-posting.html" target="_blank">Belajar Bareng nulis Kode HTML milik wong_anteng
</a>

dan yang akan tampil di blog akan seperti ini :

Belajar Bareng nulis Kode HTML milik wong_anteng

*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 sejenisnya.

Solusinya bila kita ingin memasukan karakter tersebut ya masukin sampai batas dinding element posting jangan melebihi yah!

Trus bagaimana kalau semua solusi di atas sudah di lakukan tapi sidebar masih melorot? Jalan keluar yang paling mudah ya ganti aja templatenya dengan yang baru, 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 situs yang bersangkutan untuk sekedar mengambil kode.
Ya sudah belajar bareng kali ini selesai……ngantuk……..

Yuk…..mari………..
Yok…ndang……yok……

Salam hormat dariku,
Adsense Indonesia
Wong_anTeng

9 comments:

  1. AKA MASI BINGGU NIE KK...CARA MASUKAN untuk membuat menu D'rtee.. masalahnya akau gak tw apa itu sidebar..dan dimana letaknya..dan bagaimana cara meletakan Kode HMTL..tolong berikan pedoman ya..khusus cara pasang sidebar..
    kirim ke blok or mail aku ya..di Freecom_seven@yahoo.co.id

    ReplyDelete
  2. @Yadhi: kemarin ku dah coba jawab via email selain itu aku juga add FBmu...

    ReplyDelete
  3. mas.., kl sidebar di blogspot melorot karena penggunaan page breaknya (Untuk buat "Read more...")cara ngatasinnya gimana ya?
    walhasil sekarang di blog saya gak bisa pake "Read more.."
    kl mau cek di http://gyptalk.blogspot.com

    ReplyDelete
  4. @ Let's Blog!!: mungkin pas kemanrin pasang readmore ada kode yang kehapus kali....

    ReplyDelete
  5. maksih ya.. ^_^ sidebar blog q udah gk mlorot lagi ;)

    ReplyDelete
  6. @ rahma: semalat deh kalo gitu, lain kali perlu copy dulu kode htmlnya buat jaga2....

    ReplyDelete
  7. Terima kasih mbak infonya, jika berkenan tolong followback Blog saya ya mbak :)
    http://eskrimsandwich.blogspot.com/

    ReplyDelete

Postingan Lainnya:

Blogroll