Trik Menambah icon didepan judul postingan

Menambahkan Icon sebelum judul posting juga menjadikan tampilan blog lebih mantab. Cara lama ini tetap saja ada yang mencari, tapi tidak masalah.... toh setiap hari selalu saja ada yang ingin belajar seputar blogger. Semoga tetap jadi ilmu yang selalu bermanfaat.... Amiin.
Nah...., bagi yang masih belum bisa dan ingin ikut menambah Icon sebelum judul posting , anda bisa ikuti langkah - langkah dibawah ini :
1. Login ke blogger dengan ID anda.
2. Klik Rancangan.
3. Dan KLik tab Edit HTML.





4. Seperti biasa alangkah baiknya setiap edit Html, Download dulu Template Lengkap (back-up Template) agar template aman, bila terjadi kesalahan.
5. Jangan lupa Klik tombol "Expand Widget Templates"



6. Cari kode di bawah ini atau yang mirip dengan kode ini :


<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>


Catatan:

Setiap template belum tentu sama, tapi biasanya perbedaan tidak jauh dari kode - kode diatas.

7. Silahkan copy kode dibawah ini, dan sisipkan pada kode diatas :


<img src="URL ICON ANDA" style="border-width: 0px; padding: 5px 5px 0px 0px;" />

8. Hingga secara keseluruhan akan tampak seperti kode di bawah ini :


<b:if cond='data:post.url'>
<a expr:href='data:post.url'>
<img src="URL ICON ANDA" style="border-width: 0px; padding: 5px 5px 0px 0px;" />
<data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>


9. Simpan Template.

Selamat mencoba ya...

Semoga bermanfaat.... Anda juga bisa berlangganan artikel-artikel terbaru dari saya,  Jangan lupa luangkan waktu untuk beri komentar ya......, Terima kasih.

Komentar Sahabat
0 Komentar Sahabat

0 komentar:

:b: :c: :d: :e: :f: :g: :h: :i: :j: :k: :l: :m: :n: :o: :p:

Posting Komentar