Tips Blogger : Imej Icon Post Title

Adakah anda tahu bagaimana cara untuk meletakkan imej icon sebelum atau selepas Post Title(tajuk) posting anda?

So,pada posting hari ini saya hendak kongsikan pula dengan rakan blogger sekalian bagaimana cara meletakkan atau paparkan Imej Icon sebelum atau selepas Post Title pada tajuk posting....

Anda boleh letakkan apa-apa sahaja imej yang anda suka even picture sendiri pun boleh letak pada area tersebut...





Tujuan letak grafik kecil atau imej icon pada Post Title ialah untuk menampakkan blog kita lebih cantik dan menarik dan lebih value..

Cara mudah just follow setiap langkah di bawah.

Cari Imej atau Icon :-

• Pertama sekali anda perlu lakukan ialah, Cari imej atau icon yang anda mahu gunakan.Sekiranya sudah ada imej atau icon,edit imej atau icon tersebut dalam saiz 32x32px atau 50x50px dan upload di mana-mana free imej hosting site seperti Photobucket , imageshack dan lain-lain..Kalau nak upload kat social network pun boleh juga e.g. Friendster,Myspace,Facebook etc...

• Selesai upload,Dapatkan URL imej icon untuk dimasukkan ke dalam template.

Kod Imej Icon Tilte Post :-

• Masukkan URL imej atau icon anda ke dalam kod di bawah..

• Tukarkan Yours Image Url Here dengan URL imej icon ....

<img src="Yours Image UrL Here"/>

Masukkan kod ke dalam Template :-

• Log In blogger.com .. > Klik Layout pada dashboard kemudian pergi ke > Edit HTML.

• Klik kotak Expand widget Templates..

• Cari kod berikut di dalam HTML template korang..

<b:if cond='data:post.url'>

• Sekiranya anda mahu kedudukan imej icon sebelum Post Title..Letakkan kod di dalam HTML template seperti berikut..
  

<b:if cond='data:post.url'>

<img src="Your image URL here"/>

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

• Sekiranya anda mahu kedudukan imej icon selepas Post Title..Letakkan kod di dalam HTML template seperti berikut..

<b:if cond='data:post.url'>

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

<img src="Your image URL Here"/>

• Langkah terakhir SAVE TEMPLATE dan sekarang dah boleh lihat imej icon pada Post Title..

Komen untuk sebarang pertanyaan ..

Tag : Install template Blogger,Buat Blog Blogger,Imej Icon,FavIcon