Menampilkan judul post saja di homepage dan halaman label

Menampilkan judul post saja di homepage dan halaman label. Ada banyak cara membuat blog kita agar tampilannya menarik, salah satunya adalah hanya menampilkan judul post di halaman homepage/depan dan halaman label/kategori. Beberapa minggu yang lalu saya pernah menulis tutorial sejenis yaitu post yg berjudul Cara menampilkan judul post saja di homepage blogger, namun kekurangannya adalah hanya bisa menampilkan judul saja ketika di homepage dan tidak di halaman label. Selain itu tampilannya kelihatan monoton.


Beberapa kelebihan tips kali ini adalah:
  • Tidak hanya menampilkan judul post saja di homepage akan tetapi di halaman label juga, klik di sini untuk contoh
  • tampilan tidak monoton, karena dihiasi dengan shadow (bayangan)
  • Proses pemasangan tidak begitu ribet, alias gampang


langkah Menampilkan judul post saja di homepage dan halaman label:

1. Silahkan login ke blogger

2. pilih tab "template" => klik tombol "edit HTML" dan jangan lupa centang kotak "expand widget templates"

3. Silahkan cari code <b:include data='post' name='post'/> dan ganti dengan code berikut:

<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>
<div style='padding:5px 0 5px 10px;box-shadow:5px 6px 2px #808080;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;margin-bottom:2px;color:#00ACEE;text-shadow: 1px -1px 0px #E0E0E0;font-size:20px;'>
<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>

Update:
Jika sobat hanya ingin menampilkan judul di halaman homepage saja, maka ganti code

<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>

dengan code berikut

<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>

untuk halaman label saja, ganti dengan code berikut

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>

4. Klik "save template"

Silahkan melihat hasilnya di blog sobat. Semoga bermanfaat
Cara Mendapatkan Uang Tanpa Modal Lewat Hp
Cara Mendapatkan Uang Tanpa Modal Lewat Hp