Menampilkan hasil pencarian hanya judul postingan part.2

Melanjutkan Tutorial yang sebelumnya "Menampilkan hasil pencarian hanya judul postingan", maka judul yang sekarang costumasi dari tampilan judul postingan, karena ini ceritanya bersambung, jadi judulnya juga "Menampilkan hasil pencarian hanya judul postingan Part.2". Pada postingan yang pertama sudah di jelaskan manfaat dan maksudnya, dan sekarang untuk tampilan dari judul postingannya pun kita bisa obrak-abrik/costumasi dengan sedikit sentuhan agar enak dilihat..

Dan disini zoel punya 2 cara costumasi judulnya, dengan garis bawah, dan background. Atau mungkin setelah tahu dasarnya sobat juga bisa merubahnya sendiri sesuai kehendak dan sesuai kreativitas sobat.

Masih ingat bukan code ini, yang sebelumnya zoel posting disini kalau lupa coba lihat lagi biar nyambung.

<b:if cond='data:blog.homepageUrl !=
data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>
<data:post.title/></a><br/><br/>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>

Nah code ini merupakan code dasar/standar.
Jika sobat ingin ada garis di bawah judul posting, codenya seperti ini:

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<a expr:href='data:post.url'>
<data:post.title/></a><br/><hr align='left' color='#CCCCCC' size='1' style='border-style: dotted; border-width=1'/><br/>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>

maka hasilnya:

Judul postingan mempunyai background, seperti kalimat di dalam kotak, Codenya seperti ini:

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div style="border: 2px outset #CCCCCC; width: 500px; padding: 10px; background-color: #FBF5EF; text-align: left;">
<a expr:href='data:post.url'>
<data:post.title/></a></div><br/>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>

maka hasilnya:

 Nb (warna biru): lebar/width bisa sobat sesuaikan dengan template sobat, background-color sesuaikan dengan keinginan sobat warna background apa yang dikehendaki bisa cari ratusan warna disini.

Mungkin itu saja Tutorial kali ini, posting ini hanya menyambung postingan yang sebelumnya sudah di publish.