Menampilkan judul post saja di homepage dan halaman label. Ada banyak cara menciptakan blog kita biar tampilannya menarik, salah satunya ialah hanya menampilkan judul post di halaman homepage/depan dan halaman label/kategori. Beberapa ahad yang kemudian aku pernah menulis tutorial sejenis yaitu post yg berjudul Cara menampilkan judul post saja di homepage blogger, namun kekurangannya ialah hanya dapat menampilkan judul saja dikala 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, alasannya ialah 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>
<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 teman 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 != "item"'>
<b:if cond='data:blog.pageType != "item"'>
untuk halaman label saja, ganti dengan code berikut
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "item"'>
4. Klik "save template"
Silahkan melihat karenanya di blog sobat. Semoga bermanfaat