Menambahkan Icon Sebelum/Sesudah Judul Post

Posting kali ini akan berkaitan dengan memperindah tampilan blog anda dengan sedikit sentuhan HTML. Lebih spesifik lagi, kali ini Embun akan memaparkan cara untuk menambahkan Icon Sebelum atau Sesudah Judul Posting pada Blogspot. Trik ini bertujuan untuk menyisipkan suatu Gambar / Image baik sebelum Post Title maupun setelahnya. Untuk memberikan gambaran yang lebih jelas pada Anda, contoh hasil dari tips ini dapat Anda lihat pada Judul Post di atas.

Nah, bagi teman-teman yang berminat mempercantik blognya dengan trik tersebut, silakan ikuti langkah-langkah berikut :

1. Log in pada Account blogger Anda.


2. Menuju Lay out atau Tata Letak.


3. Klik Tab Edit HTML


4. Centang kotak kecil yang bertuliskan Expand Template Widget.


5. Temukan code berikut :
   
   <b:if cond='data:post.url'>

<a expr:href='data:post.url'><data:post.title/></a>


6. Copy code berikut :
   <img src="URLImageAnda" />


7. Jika Anda ingin meletakkan Image Icon sebelum judul post, letakkan Code yang berwarna biru sebelum Code yang berwarna hijau seperti ini :
   
   <b:if cond='data:post.url'>
<img src="URLImageAnda" />
<a expr:href='data:post.url'><data:post.title/></a>


8. Jika Anda ingin menampilkannya setelah Judul Post, letakkan Code yang berwarna biru sesudah Code yang berwarna hijau seperti ini :
   
   <b:if cond='data:post.url'>

<a expr:href='data:post.url'><data:post.title/></a>
<img src="URLImageAnda" />


9. Save Template


10. Lihatlah Blog Anda dan Tara!!! Icon anda sudah tampil.

Demikian Posting dari Setetes Embun kali ini. Semoga Bermanfaat. Sampai Jumpa lagi kawan.