Dalam hal penampilan, kadang orang lebih suka simpel, karena dengan simpel, kecepatan blog akan lebih baik. Kesan pandangan pertama ketika melihat blog kita adalah penampilan, dan kesan pertama yang mereka rasakan ketika merasakan blog kita adalah kecepatan. Google juga menerapkan perasaannya dengan mendahulukan kecepatan daripada penampilan.
Ketika chatting, congcot mendapatkan pertanyaan bagaimana meminimalisir tampilan di homepage (beranda) dengan cara menampilkan posting tapi hanya judulnya saja. Dulu saya berfikir simple dalam penampilan di homepage, sehingga yang tampil hanya kata-kata saya buka posting (lihat QOULY), tapi ternyata penampilan posting pun penting untuk menarik pengunjung, ya walaupun hanya judulnya saja (lihat PEDO).
Ada dua alternatif yang bisa saya berikan pada kesempatan kali ini, dan mudah-mudahan kedepannya ada cara yang lebih bagus lagi.Dengan Kode HTML...
Yang pertama kita langsung terjun ke kode HTMLnya, jadi kode yang diperlukan hanya akan disimpan di antara <body> dan </body>.
Untuk membuatnya, silahkan ikuti langkah-langkah dibawah ini:
- Masuk ke www.blogger.com dengan account anda.
- Pilih rancangan (tata letak)
- Klik Edit HTML
- Simpan dulu template anda dengan meng-klik Download Template Lengkap
- Centang Expand Template Widget (berada diatas kotak kode)
- Cari kode <b:include data='post' name='post'/>. (Gunakan Ctrl + F untuk memudahkan pencarian)
- Ganti kode diatas dengan kode dibawah ini
- Jika sudah, jangan lupa Simpan Template
- Selesai.
<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:if cond='data:blog.pageType != "item"'> <a expr:href='data:post.url'> <div style='padding:6px 0 6px 5px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:2px;background:#EAE9E9;color:#406A0E;'> <data:post.title/></div></a> <b:else/> <b:include data='post' name='post'/> </b:if> <b:else/> <b:include data='post' name='post'/> </b:if>
Silahkan ganti kode yang bercetak tebal, sesuai style yang anda inginkan
Nah, cara yang kedua ini kita tidak mengubah kode HTMLnya, tapi hanya mengutak-atik kode CSS.
Biasanya dalam kode CSS untuk menghilangkan suatu kode dalam HTML, cukup dengan {display:none} dengan syarat kode dalam HTML terikat oleh kode CSS (misalkan DIV atau Class)
Untuk membuatnya, silahkan ikuti lagkah-langkah dibawah ini:
- Masuk ke www.blogger.com dengan account anda.
- Pilih rancangan (tata letak)
- Klik Edit HTML
- Cari kode ]]></b:skin>
- Masukan kode dibawah ini tepat di bawah kode ]]></b:skin>
- Nah, itu hanya postingnya saja, sedangkan tanggal dan lain-lain masih ada.
- Jika anda ingin menghilangkan semuanya (tanggal dll), Silahkan memakain kode dibawah ini,
- Pilih salah satu kode yang akan anda masukan antara langkah 5 dan langkah 7.
- Simpan Template, Selesai.
<b:if cond='data:blog.pageType != "item"'> <style> .post-body { display:none;} </style> </b:if>
<b:if cond='data:blog.pageType != "item"'> <style> .post-body, .post-footer, .jump-link, .post-timestamp, .reaction-buttons, .star-ratings, .post-backlinks, .post-icons { display:none;} </style> </b:if>
Intinya...
Simple dalam bentuk penampilan memang hebat. Tapi menampilkan posting dalam homepage juga sangat penting. Dari dua blog yang terlihat diatas, anda dapat menyimpulkan, apakah pilih qouly atau pedo?.
Atau lebih memilih untuk menampilkan postingnya seperti biasa saja?.
Semuanya terserah anda, karena andalah yang berhak atas blog anda sendiri
Silahkan tinggalkan jejak kunjungan anda dengan berkomentar. Komentar juga berguna sebagai motivasi dan koreksi jika ada kesalahan dalam pembuatan posting. Terima kasih.
35 komentar:
wah info menarik, perlu dicoba nich
http://www.chuacircuit.com/site/pages/ps.htm
ini urlnya buat simulasi itu ya
jadi lebih menghemat ruang ya.. kayak di blog sobat rizky2009.. manteb.. :)
.saya juga lebih suka yg simpel dan minimalis kang congcot..
.bagus banget nih, nanti diterapkan~
Hebat ni bisa bikin Hemat Tempat,Kalo aku lihat dari template di sini http://www.qouly.co.cc Krren bagat dan simpel :)
sip sob langsung praketk... mengundang sahabat2...semua untuk berbagi ... yooooo
bagus info.a bro. . .thx ya
Tutorial yang mantab. makin canggih ya kode2 hmtl nya.
Salam ukhuwah
kalau saya pilih menggunakan readmore saja kang ^_^ supaya terlihat sebagian artikel :D
informasi yang menarik sob...
kelihatannya lebih simple dan tidak membuat loading blog kita terlalu lama.
salam blogger
info nya keren nih.
pengen nyobaaaaaaa!!!
salam kenal :)
makasih ya infonya,,
info yg mantap sobat congcot.........nice,....
nice artikel, langsung ku coba az dech, makasih tutorialnya
"Penampilan vs kinerja loading" ....
Saya pilih 51%-41%. Jadi summarynya tetep ditampilkan dalam beberapa kalimat, tetapi dari segi lainnya dibuat seringan mungkin, dengan kurangi Javascript, compress CSS, kurangi gambar2 de el el... meskipun tetep aja masih ada beberapa gambar ilustrasi yang mau ga mau harus nongkrong di halaman utama...
dulu sempet pengen dikaya giniin....tapi sekarang nampaknya lebih enak yang biasa aja, lumayan buat search engine di homepage..
Info menarik gan, ijin coba tutorialnya ya
hmm...
bagus sob tipsnya, pertanyaan kamu udah aku jawab di Terindeks dalam 11 menit
tanxs infonya, sangat berguna.....
berkunjung
Wah sangat membantu sekali, thanks ya CongCot...!
matus nuwun tipsnya nggeh kang....
bermanfaat banget, muter-muter nyari ternyata nemunya disini.
ini yang di tunggu2 mudah2an bisa,, tr ane coba
ane dari tadi nyari2 susah buat pertanyaan ini hehehe
thank gan... nice info...
aku pernah memakai tips ini cuman ada kelamahannya yaitu untuk preview isi posting enggak muncul melainkan hanya judulnya saja akhirnya kukembalikan seperti biasa
ia. lebih tepatnya bukan kelemahan. tapi emang itu tujuan trik ini. hanya menampilkan judulnya aja
Mksh kk ntar saya coba.
mantaf sob, setelah bebrapa kali coba pake cara yg lain tapi dngan cara ini top bgt... thx sob..
Wah, mantaf nih. Kalo yang hanya tampil judul post nya di Home page,Label,sama Arsip nya saja bisa gak Mas? Ini Blog saya Biografi tokoh terpopuler dunia saat ini
ia bisa. tinggal utak atik aja kode diatas
mantab. terima kasih sudah berbagi.. happy bloging
kalo seperti di home page ente gmn cara bikin nya nya gan ?
thx sharing jawaban nya...
Salam kenal :)
ada posting saya, cari posting tentang readmore (kata kunci readmore).
Info yang berguna. Thanks ya ... O ya ini ada tambahan dari saya, mungkin juga berguna buat kita sekalian. Ada kaitannya sedikit dengan topik di atas. Coba kunjungi : http://navigasi01.webs.com
THANKS
kok, saya gak bisa nampilin "posting lama" di home blog ane ya gan? mohon penjelasannya, saya newbie
INI BLOG SAYA : afanrizqunsyarif.co.cc
saya cek blog kamu udah bisa ko
Bagaimana menurut Anda?