Selubung Gelap Saat Proses Loading Blog

Dalam artikel 3 tips memilih template blog, salah satu poin yang saya anjurkan adalah menghindari pemilihan theme (template) yang saat proses loadingnya diselimuti selubung warna tertentu, yaitu warna background.

Pada kondisi akses internet yang agak lelet (lambat), adanya selubung saat proses loading belum tuntas ‘mungkin’ dirasa cukup menggangu. Selubung dengan warna tertentu itu bisa membuat pengunjung kesulitan untuk segera menyimak isi konten yang ingin dibaca/dilihatnya. Padahal area posting sudah tampil dan siap untuk disimak isinya.

Jika loading belum juga tuntas dalam sekian detik atau sekian menit, hampir bisa dipastikan si pengunjung akan segera meng-close halaman blog yang diselubungi warna tersebut. Tentunya kondisi ini kurang menguntungkan bukan?

Lain soal jika loading blognya cepat atau koneksi internet lagi kencang. Jika demikian sepertinya tidak masalah.

Lalu, apa gerangan penyebab terjadinya selubung warna tertentu saat proses loading sebuah blog?

Kesimpulan awal saya, hal itu disebabkan oleh warna background blog itu sendiri. Terutama warna background selain putih. Kalau saya bicara warna background blog, yang saya maksudkan bukanlah warna latar area posting, melainkan warna latar utama blog.

Pada kode CSS, warna background blog umumnya terdapat pada tag body. Biasanya tertulis begini :

body
{
background-color: #778d99;
text-align:left; font-family:Verdana; font-size:14px;
line-height:1.65em;
}

Nah, kode warna yang didahului oleh tanda # di atas ialah abu-abu. Contoh kode CSS di atas saya kutip dari CSS style blog baru saya ini.

Bagaimana cara menghilangkan selubung tersebut?

Sebenarnya selubung warna tertentu saat loading BISA DIHILANGKAN dengan cara mengganti kode warna background blog dengan warna putih. Dalam hal ini kodenya yaitu #FFFFFF (harus diakhiri dengan tanda titik koma setelahnya, seperti contoh di atas).

Saya sendiri sudah pernah mempraktekkan hal tersebut untuk blog ini. Hasilnya ternyata memang menghilangkan selubung di saat proses loading blog sedang berlangsung.

Lalu, kenapa saya malah kembali menggunakan warna abu-abu sebagai background blog ini?

Jawabannya : yaitu demi menjaga fokus pembaca pada dekstop LCD dan layar notebook yang membuat tampilan theme/template blog menjadi di tengah-tengah.

Pada kondisi seperti itu, warna background yang sedikit gelap (pada bagian sisi) akan membantu fokus pengunjung, terutama dalam menyimak konten blog kita yang berwarna dasar putih pada area postingnya. Akan terjadi kombinasi warna yang baik antara warna latar utama blog dan warna latar area posting.

Ujung-ujungnya juga demi menjaga tingkat readibility yang baik bagi pembaca artikel blog kita. Keadaan tersebut akan lebih membuat nyaman pembaca.

Untuk pengunjung yang masih menggunakan PC dengan monitor tabung, tentunya tidak terlalu bermasalah jika warna latar dan warna dasar area postingnya sama (sama-sama putih). Sebab tampilan blog hampir memenuhi area monitor.

Permasalahan

Justru karena itulah timbul sebuah dilema. Antara mementingkan fokus pembaca usai tuntasnya proses loading dan kebersihan tampilan saat proses loading.

Ternyata selubung saat proses loading bukan semata karena pengaruh warna background blog.

Akhirnya kesimpulan awal saya harus mentah ketika menemukan fakta, bahwa ternyata pada beberapa blog yang punya warna latar selain putih, saat proses loadingnya sama sekali tidak diselimuti selubung warna latarnya. Alias tetap bersih!

Mengapa bisa begitu? Inilah misteri yang belum terpecahkan oleh saya hingga saat ini. Apakah yang menyebabkan terjadinya selubung itu karena penggunaan kode warna RGB (heksadesimal)? Setahu saya jenis coding warna untuk HTML ada beberapa macam. Ataukah karena struktur coding CSS? Atau mungkin karena struktur coding PHP?

Studi kasus

Coba amati blogspot saya (blog kafe28) saat proses loadingnya. Walaupun warna latarnya abu-abu, ternyata saat loading tetap bersih alias tidak ada selubung. Bandingkan dengan blog ini. Padahal kalau ditelusuri, kode warna latar yang saya gunakan pada blog kafe28 dan blog ini SAMA! Yaitu #778d99.

Coba amati juga loading blog DaniIswara.net ! Walau berlatar abu-abu gelap, saat proses loadingnya tetap bersih juga. Tidak ada selubung abu-abu. Kenapa bisa begitu ya?

Ada yang tau jawabannya? Saya berharap misteri ini bisa segera terpecahkan. Dugaan sementara saya, permasalahan ini terletak pada struktur coding. Bisa pula pada jenis kode warna yang digunakan.

UPDATE :

Saat ini saya sudah berganti theme baru. Tidak ada lagi masalah selubung gelap saat loading dengan theme sekarang ini :-)

Quick Link >>> Beri Komentar | Baca Ulang Posting

Posting Terkait :

Sudah ada 36 komentar untuk posting di atas. Mau nambahin?

  1. dani says:
    Firefox 3.6Gentoo

    Ooo dibahas di sini toh. :) Dulu mungkin saya masih mempermasalahkan hal itu. Terutama situs yang berlatar gambar/motif, bukan sekadar warna. Sejak sering disable image, jika teks dan warna latar ngga mau kompakan, saya sorot aja teksnya. Ngalah aja ah. :)

    Saya ngga tahu sebab pastinya. Apa karena latar berupa gambar?
    .-= dani´s last blog ..Link Title Attribute in SEO, Accessibility, and Usability =-.

        infoaja.com says :

    setuju mas…
    di block/disorot aja, biasanya gue klo nemuin blog kaya gtu ya pake cara itu..

  2. iskandaria says:
    Firefox 3.6Windows XP

    Sepertinya bukan karena latar berupa image atau gambar, soalnya banyak juga kasus latar blog yg cuma menggunakan kode warna, tapi loadingnya tetap ada selubung kayak blog ini :(

  3. T. Wahyudi says:
    Firefox 3.5.7Windows 7

    hmmm…. tapi kalau menurut saya.. ini masalah pada theme kok mas… coba mas cari theme ya ng berbeda…
    .-= T. Wahyudi´s last blog ..Mas Hengky Berhenti Ngeblog =-.

        iskandaria says :

    Itu dia mas. Masalah spesifiknya bukan cuma pada theme, tapi lebih kepada coding tertentu dari theme tersebut. Saya mau riset dulu soal ini. Nanti kalo udah terpecahkan misterinya, pasti bakalan saya bagikan di sini deh.

  4. Firefox 3.5.6Windows XP

    Salam super-
    salam hangat dari pulau Bali-
    wah, untungnya saya udah nemu theme yang patent banget neeh..
    gak mau ganti lagi dech…

  5. fadly muin says:
    Google Chrome 4.0.249.78Windows XP

    wah kalau sudah bicara masalah jeroan gini. aku nyerah deh!
    .-= fadly muin´s last blog ..Internet Dalam Genggaman, Sudah Maksimalkah? =-.

        iskandaria says :

    Angkat tangan ya Mas :) Pantesan utak-atik themenya mas Fadly pake bantuan mas Tri Wahyudi..

  6. Zaiful Anwar says:
    Firefox 3.6Windows XP

    Kalau yang ini saya kurang paham mas.
    .-= Zaiful Anwar´s last blog ..Apa itu Kontera Content link? =-.

  7. yos says:
    Firefox 3.5.7Windows 7

    wah suka ngutak-atik css juga ya, sama brow…
    klo ada yang baru share ya…
    apa kek, trik apa gtu…. hehhehehe…

        iskandaria says :

    Diusahain nanti disharing kalo ada trik baru seputar utak-atik CSS WP.

  8. infoaja.com says:
    Firefox 3.5.7Windows 7

    biar blognya lebih mantap kasih favicon brow…
    bikin logo juga dink, btw blog ini kan isinya bagus
    adminya punya kemampuan menulis bagus lagi
    oiya ini yos juga lho (yosbeda.com) ni pake url domain yang baru dibeli kmaren..
    klo ada waktu mampir infoaja.com ya..

        iskandaria says :

    Favicon kan udah saya pasang, tapi masih default bawaan WP sih. Ntar mau nyoba bikin sendiri yg unik ah kalo gitu. Soal logo, ntar juga mau dibikin. Ntar saya apsti bakalan mampir deh :)

  9. infoaja.com says:
    Firefox 3.5.7Windows 7

    firasat yos mengatakan blog ini kedepanya akan cepet naik maka dari itu yos mengajak bertukar link, hehehe…
    udah dipasang brow link blog ini di infoaja.com ma yosbeda.com, anchornya “kafegue.com”, klo berkenan ditunggu blzanya ya, dua2nya ya,,, hihihihihi…

    mumpung masih dikit blogrollnya di scrolling aja sekalian brow, biar kedepanya klo tambah banyak ngga makan tampat..
    ,,,
    udah dulu ya mau pulang, heheheh
    salam…

        iskandaria says :

    Amiiin. Tukeran link? Oke deh. Ntar saya pasang linknya. Liat aja ntar yach. Salam juga :D

  10. Mrs. Dugem says:
    Internet Explorer 6.0Windows XP

    Saya juga pake latar abu-abu…
    Memang defaultnya sudah dari sana, jadi saya gak perlu mengutak-atik lagi.

    Mantap infone Gan…
    .-= Mrs. Dugem´s last blog ..Ternyata Bule Pun Suka Mencontek Saat Ujian =-.

  11. arkum says:
    Opera 10.00Windows XP

    kalau mnurut sy mas, itu masalah themes..bener kata ms tri wahyudi, sebag codingpun jg menjadi bagian dr themes trsebut. Itu pernah sy alami waktu pake themes sblmnya. ya intinya kalo ribet2 dan nggak bisa dibenahi bisa dibiarkan sj/diganti themes yg lain.

        iskandaria says :

    Sepertinya saya masih nyaman dan sreg dengan theme yang ini mas. Iya, masalahnya lebih kepada coding kalo menurut dugaan saya. Saya masih mau riset soal ini mas. Ntar saya bagikan deh hasilnya kalo udah ketemu :)

  12. Gus Ikhwan says:
    Firefox 3.0.15Windows XP

    Iya kang Gus Ikhwan juga baru migrasi ke WP tepat tanggal 5 januari beli domain dan hosting postingan pertama 6 januari..
    Wah dari blogger langsung ke WORDPRESS CMS, sekarang ketemu css,php,dan lain2???
    Jadi lebih familiar, tapi untungnya di sekolah dikasih pelajarannya maklum Gus Ikhwan baru kelas 2 smk ambil juruisan REKAYASA PERANGKAT LUNAK pengin jadi webmaster

    Komen balik ya Gus tunggu komentar dan saran kritikanyya

        iskandaria says :

    Oke deh. Wah, nanti pasti bakalan jago programming tuh. Ditunggu nih tuorial seputar PHP-nya Gus :)

  13. ghe says:
    Firefox 3.5.7Windows XP

    wah….ditunggu neh pemecahannya…..
    .-= ghe´s last blog ..Sekuel Oret Oretan =-.

  14. Bung Eko says:
    Firefox 3.5.7Windows XP

    Duh, kalau yg beginian ini saya tidak ngerti deh. :D
    .-= Bung Eko´s last blog ..Beli Terus, Kapan Bacanya? =-.

        iskandaria says :

    Nggak papa Mas. Bukan masalah kayaknya jika loading blognya ringan. Lagian, blog Mas Eko ringan banget loadingnya. Kenceng abiz euy! :)

  15. TuSuda says:
    Firefox 3.5.7Windows XP

    Hebat Mas..jago utak-atik CSS rupanya, boleh juga dong bikin postingan bagaimana caranya edit css themes agar tampilan blog tambah oke..BTW, boleh tukaran linknya ya?
    Terimakasih bila berkenan…
    .-= TuSuda´s last blog ..10 ISTILAH LINK DALAM PENGALAMAN NGEBLOG =-.

  16. hpnugroho says:
    Firefox 3.5.7Windows XP

    sepertinya memang ada di system codingnya mas..
    soalnya kalau di perhatikan, loading blog-2 contoh diatas terbukanya utuh antara area background dengan area posting barulah memuat isinya, sedangkan blog ini latar posting berada di urutan setelah memuat isi, makanya seperti terselubungi .
    mengenai dimananya, sy angkat tangan dan angkat kaki sekalian deh, gak mudeng soal coding soalnya ..

        iskandaria says :

    Wah, mulai ada pencerahan nih setelah menyimak komentar Mas Nugroho. Ntar coba saya teliti kebenarannya Mas. Thx berat nih!

  17. si Gen says:
    Firefox 3.6Windows XP

    Dulu waktu masih Pake template standar Minima, terus backgroundnya diganti pake warna Biru, saya juga mengalami masalah yg sama Mas Is. Kalau proses loading belum selesai seluruhnya, Jadi Biru semua. Tulisannya ketutup warna biru

    Tapi pas ganti template yg sekarang, aman-aman aja tuh..!
    .-= si Gen´s last blog ..Hadiah Valentine Untuk Pacar Cowok =-.

        iskandaria says :

    Tapi blogspot saya ternyata nggak ada selubung pas saya ganti latarnya dengan warna abu-abu. Mungkin struktur codingnya beda yach.

  18. Firefox 3.6Windows 7

    blog q gimana mas is ? udah bener belum ?? mudah2an aman2 aja..amin..hhe :D
    .-= Belajar Blogspot´s last blog ..Backlink gratis dari artikel direktori – 101 daftar artikel direktori =-.

        iskandaria says :

    Blog juragan nggak ada selubungnya kok. Jadi aman-aman aja :)

  19. Firefox 3.5.7Windows XP

    saya telah melakukan percobaan dengan membuka dua browser yg berbeda untuk membuka halaman ini, ternyata saat proses loading, background tetap abu-abu… Padahal saya berharap Bg saat loading, warna merah IS.. wkwkwkwk…. ga nyambung yah…. *aku sendiri ga bisa bantu jawab Is, maaf* :D
    .-= khairuddin syach´s last blog ..Nikah lewat Facebook =-.

        iskandaria says :

    merah? wkwkwk :D
    .-= iskandaria´s last blog ..Pengertian Lugas dan Jelas dalam Ragam Bahasa Ilmiah =-.

  20. WordPress 2.9.2

    [...] penggunaan : Pengertian Lugas dan Jelas dalam Tulisan Ilmiah Selubung Gelap Saat Proses Loading Blog [...]

  21. WordPress 2.9.2

    [...] memutuskan untuk mengganti theme. Theme sebelumnya (blue design) ternyata bermasalah pada adanya selubung gelap saat proses loading. Ini cukup mengganggu, terutama bagi para pengunjung yang mengakses lewat koneksi [...]

  22. Firefox 3.6.3Windows XP

    saya juga kebetulan mencari masalah loading blog saya, menurut saya sedikit lambat dibanding blog lain. Saya mempunyai dugaan awal pada theme wordpress, dengan mencari2 beberapa sumber masukan dan terdampar disini. Saya tes menggunakan Mozila, yang mengherankan… tes menggunakan chore lebih cepat. Dan saya juga menduga , semntara ada hubungannya dengan browser yg kita gunakan…

        iskandaria says :

    @generalbusiness, wah, terdampar ke sini ternyata ya mas :-)
    Kalau dugaan saya tetap pada struktur kode theme sih. Kalau faktof browser, menurut saya cuma pada loading speed (tidak pada kemunculan selubung). Makasih buat tambahannya.

Blogroll :