Sabtu, 16 Juli 2011

Memberikan Icon Sebelum Atau Sesudah Judul Posting

Postingan yang akan menarik perhatian pengunjung adalah judul artikel atau tulisan kita yang menarik pula. Pada postingan kali ini Kang Onk akan memberikan tips supaya pengunjung terkesan betah pada blog kita, salah satunya adalah memberikan icon pada judul posting.

Contohnya seperti dibawah, jika saya memberikan sedikit sentuhan HTML pada template akan menampilkan judul postingan seperti ini.


Memberikan Icon Sebelum Atau Sesudah Judul Posting


Jika anda berminat menggunkannya silakan ikuti :

  • Login Account Blogger anda;

  • Menuju Lay out atau Tata Letak;

  • Klik Tab Edit HTML;

  • Centang kotak kecil yang bertuliskan Expand Template Widget;

  • Cari dan temukan code berikut : 

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

Jika ketemu, langsung masukkan kode <img src="http://i1232.photobucket.com/albums/ff372/onk009/ICON/TagAdd_25.png" /> di atas atau dibawah kode diatas.
Atau masih bingung...........!!!!!!!!!!

Cara pertama : Icon didepan judul posting
<b:if cond='data:post.url'>
<img src="http://i1232.photobucket.com/albums/ff372/onk009/ICON/TagAdd_25.png" />
<a expr:href='data:post.url'><data:post.title/></a>
Cara pertama : Icon dibelakang judul posting
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<img src="http://i1232.photobucket.com/albums/ff372/onk009/ICON/TagAdd_25.png" />
Catatan yang perlu diingat adalah ganti tuloisan yang berwarna biru dengan URL image anda
Semoga berhasil dan bermanfaat bagi anda sekalian.

Tidak ada komentar:

Posting Komentar