Rabu, 20 Juni 2012

Tips Menambahkan Icon Sebelum 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 dan ta taaaaaaa

Selamat mencoba ...
Semoga bermanfaat..

Share this post:

Bookmark and Share


0 komentar:

Posting Komentar