Nah kalau sobat perhatikan kebanyakan template blogger selalu pertama kali keluar adalah sidebar widget. Engga tahu kenapa gitu, padahal kan yang lebih penting itu artikelnya bukan widgetnya. Jadi kenapa artikel keluar belakangan?
Browser membuka kode HTML kemudian membacanya secara berurutan dari atas kebawah. Dia engga mungkin membaca ngawur, selalu dari atas ke bawah dan urut! Kebanyakan template gratisan itu mempunyai kode seperti ini:
<div id='header-wrapper'>
<div id='sidebar-wrapper'>
...widget
...widget
...widget lagi
<div id='content-wrapper'>
<div id='sidebar-wrapper'>
...widget
...widget
...widget lagi
<div id='content-wrapper'>
Tahukah sobat apa yang mengganjal? Yap benar, sidebar wrapper beserta pasukan widgetnya tampil di garis depan. Padahal yang namanya nge-load widget itu lama apa lagi banyak pernak-perniknya. Jadi gimana donk seharusnya? Dibalik urutannya!
<div id='header-wrapper'>
<div id='content-wrapper'>
<div id='sidebar-wrapper'>
...widget
...widget
...widget lagi
<div id='content-wrapper'>
<div id='sidebar-wrapper'>
...widget
...widget
...widget lagi
Apa sih manfaatnya? Jangan sobat kira semua koneksi internet sudah high speed. Belum tentu. Dan akibatnya kalau template masih error trus dibuka orang dengan kecepatan internet yang agak lambat alhasil artikel sobat engga tampil (di close duluan kelamaan load sidebar). Dan ini benar-benar terjadi sama aku dan blog ini!Jadi mendingan ganti deh supaya orang-orang pun ngelihat blog akan jadi lebih nyaman.
Update 1 Maret 2010
Inti dari tutorial ini adalah bagaimana cara menampilkan artikel lebih dulu lalu disusul dengan kemunculan sidebar beserta widget-widgetnya. :)
hmm begitu yahh,thanks banget nihh sob sharingnya
BalasHapusMonggo sob, senang bisa berbagi :)
BalasHapusJadi teorinya, sidebar kanan (sisi pembaca) seperti blog ini lebih usable ya? Atau sidebar kiri jangan diisi widget yang berat-berat jika tetep pengen ada sidebar kiri. :)
BalasHapusOh bukan gitu mas Dani, intinya untuk sidebar dikanan maupun kiri bisa digunakan semua dan mau dikasih widget apapun bisa.
BalasHapusYang dijelaskan disini itu banyak template yang kalau di load maka sidebar dulu yang muncul padahal sidebar dengan artikel kan penting artikel. Nah di tutorial ini dijelaskan gimana cara untuk menampilkan artikel dulu baru sidebar belakangan. Gitu Mas Dani.. :)
Lama ngga maen CSS. Kalo diset float:left via CSS ngefek ngga ya? Walau urutan X/HTML-nya seperti di kebanyakan templat itu, tapi dengan CSS bisa diatur mana yang terbaca/render duluan? Maksudnya gitu kan ya? Maaf, lama banget ngga baca XHTML lagi. :(
BalasHapusKalau diset pakai CSS untuk float bisa mas, tapi kembali lagi dalam website/blog HTML yang terbaca duluan maka itu yang muncul duluan. CSS hanya mengefisienkan penggunaan HTML.
BalasHapusCoba deh mas Dani search di code XHTML mas Dani satu persatu, pertanyaannya apakah sidebar-wrapper berada diatas content-wrapper? Kalau ya, maka pindahkan semua kode HTML di content-wrapper diatas sidebar-wrapper.
sip ni posting..... bisa buat referensi untuk memilih template
BalasHapusthanks...infonya
BalasHapus