Menambah icon gambar pada title post

English Version:

Menambah icon gambar pada judul post mempunyai daya tarik tersendiri dan juga akan memperindah blog bagi yang suka dengan pernak - pernik salah satunya gambar animasi yang ada di judul posting seperti blog ini. Untuk cara meletakan gambarnya ikuti langkah mudah di bawah ini ::

Sebelumnya siapkan kode gambar animasi terlebih dahulu, cari saja di internet atau di photobucket.com, anda juga bisa upload gambar milik anda sendiri di situ lalu ambil kodenya, contoh kodenya seperti ini
:

< img src="http://i234.photobucket.com/albums/ee37/ira_raselli/upin-upin.jpg" border="0" alt="ipin upin"/ >

Anda tambahkan width dan height nya seperti ini

< img src="http://i234.photobucket.com/albums/ee37/ira_raselli/upin-upin.jpg" width="30" height="30" border="0" alt="ipin upin"/ >

Dan ini gambarnya,


Cara meletakannya === >>

• Login ke Blogger


• Klik Tata Letak


• Edit Html


• Centang Expand Widget Template


• Cari Kode Berikut


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


• Letakan Kode Gambarnya Di Antara post.url' > < data:post
• 
  
• Sehingga akan Jadi Seperti Ini


< a expr:href='data:post.url' > < img src="http://i234.photobucket.com/albums/ee37/ira_raselli/upin-upin.jpg" width="30" height="30" border="0" alt="ipin upin"/ > < data:post.title/ > < /a >
< b:else/ >


• Selesai Dan save

Bila anda ingin icon gambarnya berada setelah judul posting tinggal di rubah saja peletakan kodenya yang menjadi seperti ini

< a expr:href='data:post.url' > < data:post.title/ > < img src="http://i234.photobucket.com/albums/ee37/ira_raselli/upin-upin.jpg" width="30" height="30" border="0" alt="ipin upin"/ > < /a >
< b:else/ >


Untuk ukuran width dan height di rubah sesuka anda.
Semoga bermanfaat bagi yang suka mendesain blog,....!

Category: Tutorials blog