15 November 2010

Hanya Judul Post yang Muncul di Halaman Depan

hanya judul
Halaman depan atau istilah lainnya front page, ada juga yang menyebutnya halaman utama, juga halaman awal. Adalah merupakan halaman yang pertama kali muncul dari sebuah web blog ketika pengunjung mengetikkan alamat URL blog di address bar.

URL  Halaman depan memiliki susunan yang berbeda dengan URL postingan. URL halaman depan adalah lebih pendek dari URL posting.

Lebih jelasnya lihat contoh di bawah ini:
Contoh URL halaman depan :
http://brugkembar.blogspot.com/

Contoh URL Posting :
http://brugkembar.blogspot.com/2010/10/cara-menampilkan-judul-posting-pada.html

Gimana… Sudah jelas?
Biasanya para blogger menggunakan fasilitas home untuk menggantikan URL halaman depan.  Sehingga jika ingin menuju ke front page cukup dengan mengklik HOME.

Sebelum dirubah, apabila kita mengklik HOME , maka akan menuju ke halaman depan yang menampilkan sejumlah artikel lengkap dengan isinya. Masih mending bila anda mengatur artikel yang ditampilkan cuma sedikit. Blog lebih ringan untuk dibuka.  Tetapi apa jadinya jika kita men setting kemunculan article dengan jumlah yang banyak?  Sudah tentu akan sangat memberatkan blog pada saat loading.

Nah agar halaman depan tidak menampilkan article lengkap dengan isinya, melainkan hanya judul saja yang ingin ditampilkan, berikut ini langkah yang harus dilakukan :

  1. Login ke blogger -> Rancangan -> Edit HTML
  2. Silahkan Copy kode di bawah ini dan Paste tepat diatas kode </head> kemudian pratinjau, kalau sudah benar jangan lupa Save.
  3. selesai

<style type='text/css'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
.post-body {display:none;}
.post-footer {display:none;}
.comment-link {display:none;}
.post img {display:none;}
.post blockquote {display:none;}
.post blockquote p {display:none;}
h2.date-header {display:none;}
.post-labels {display:none;}
.post-rating {display:none;}
</b:if>//edit by http://brugkembar.blogspot.com</style>

Dengan halaman depan yang hanya menampilkan title post , kita mendapat beberapa keuntungan, diantaranya :
  1. Menghemat space template blog
  2. Membuat blog lebih cepat process loading nya 
  3. Penampilan blog jadi lebih elegant , bak sebuah blog  professional.
Selamat mencoba semoga berhasil.

2 komentar:

  1. cara mengganti menjadi gambar gimana ??? agar full colour ???

    BalasHapus
  2. @widdi, maksudnya gambar yang mana?

    BalasHapus

Catatan: Hanya anggota dari blog ini yang dapat mengirim komentar.