Cara Menampilkan Judul Artikel Pada Home Page

Cara Menampilkan  Judul Artikel Pada Home Page.Cara Menampilkan Hanya Judul Pada Page atau halaman blog. Bagaiman caranya ? tentu hanya dengan sedikit merubah kode pada Edit HTML, maka halaman utama blog anda hanya menampilkan judul posting saja sehingga dapat menghemat tempat dan waktu loading blog.

Untuk menampilkan judul posting saja pada halaman , seperti terlihat pada gambar diatas, caranya adalah sebagai berikut:

1. Masuk ke Blogspot –> Rancangan –> Edit HTML. Lalu beri tanda centang (ceklist) pada kolom Expand Template Widget.

 

2. Carilah baris kode

<b:include data='post' name='post'/>

dan ganti dengan baris kode berikut:

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<a expr:href='data:post.url'>
<div style='padding:6px 0 6px 5px;margin-bottom:2px;background:#eeeeee;color:#000000;'>
<img alt='&gt;&gt;&gt;' border='0' src='https://lh5.googleusercontent.com/-HP5XyclRQic/TXMMAKmlg5I/AAAAAAAAAQk/wrCGFu9jzmg/s1600/sidebar-icon.png'/>
<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>

dimana:

Baris kode yang berwarna merah merupakan baris kode warna latar belakang dari judul posting yang ditampilkan. Rubah warnanya sesuai keinginan atau dapat juga dihilangkan.

Baris kode yang berwarna hijau adalah alamat URL dari icon yang ditampilkan disebelah kiri, gantilah sesuai dengan keinginan mbila tidak diinginkan dihapus saja

3. Simpan template dan lihat hasilnya.

Selamat mencoba

sumber  :  full-tricks.blogspot.com

Untuk Alternatif Kedua Adalah :
Kalau sobat blogger ingin menampilkan title post saja di home page, ikuti langkah berikut:

• Sobat login terlebih dahulu di blog sobat
• Klik Rancangan, lalu pilih Edit HTML.
• Jangan lupa Kasih tanda Centang pada Expand Widget Template
• Copy kode berikut

<style type='text/css'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
.post-body{display:none;}
</b:if>
</b:if>
</style>

• Paste kode tersebut SETELAH kode ]]></b:skin>
• Lakukan Preview, kalau sudah berhasil, Simpan template sobat.

Sumber :  http://rinjanilovers.blogspot.com