Cara Mudah Menampilkan Judul Artikel Pada Home Page

Cara Mudah Menampilkan Judul Artikel Pada Home Page, Hanya Judul Artikel yang tampak di halaman awal atau home page. 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.

caranya adalah sebagai berikut:

• Masuk ke Blogspot –> Rancangan –> Edit HTML. Lalu beri tanda centang (ceklist) pada kolom Expand Template Widget.
• 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, bila tidak diinginkan dihapus saja

• Simpan template dan lihat hasilnya.

 Semoga anda senang dan gembira.


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.

Sekian dulu Artikel sayafafan tentang  Cara Mudah Menampilkan Judul Artikel Pada Home Page