JeritanBlog telah ditukar nama BelajarBlogs...
Home » » Meletak Gambar Pada Tajuk Posting

Meletak Gambar Pada Tajuk Posting



Langkah Pertama
Anda perlu siapkan dulu gambar yang menarik. Kemudian upload ke tempat hosting gambar. Catat URL alamat penyimpanan gambar untuk digunakan nantinya. Misalnya saya siapkan gambar seperti ini :

Dengan URL alamat gambar adalah ini :
http://i36.tinypic.com/xqce93.jpg

Untuk memanggil image, kita harus mengatur kode pemanggilan menjadi seperti ini :
<img src="http://i36.tinypic.com/xqce93.jpg" width="45" hight="45" border="0"></img>
Sedikit keterangan, width="45" hight="45" border="0 secara berurutan adalah lebar, tinggi dan tebal garis batas gambar yang nantinya terlihat di samping judul posting. Border nilai "0" edit image tidak akan berborder.

Langkah Kedua
  1. Login ke blogger

  2. Klik Design

  3. Pada tab menu klik Edit HTML

  4. Silahkan backup dulu template dengan mengklik kotak kecil Expand Template Widget jika dirasa perlu.

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

  6. Sisipkan kode pemanggilan untuk image diantara kode CSS template yang <a expr:href='data:post.url'> dan <data:post.title/></a>
    Sehingga secara lengkap menjadi seperti ini :
    <a expr:href='data:post.url'>
    <img src="http://i36.tinypic.com/xqce93.jpg" width="45" hight="45" border="0"></img>
    <data:post.title/></a>
    <b:else/>

  7. Akhir sekali klik save template.

Dengan menggunakan alamat gambar saya di atas, maka hasilnya akan menjadi seperti ini :


Semoga berjaya :)

16 ulasan:

  1. xjumpa....huhu..bpinar mata nk check satu2..
    ada klu x kt tmpt mane code td berada?
    cnth : atas kew tgh or bawah sekali kt " edit html "
    thanks..

    BalasPadam
  2. kat edit HTML tick Expand widget...

    search kode dibawah dan letak diantara kode tersebut


    Kode gamabr Disini

    BalasPadam
  3. thanx 4 da info..emm tau x klu nak letak gmbr kat gadget title mcmn??sila tlg..tQ :)

    BalasPadam
  4. sama-sama..
    InsyaAllah saya akan post pada masa akan datang

    BalasPadam
  5. bagusnya blog ni...mcm2 mamasue blh belajar utk nak mencantek kan dan meng-completekan lagi blog mamasue tewww...=)

    BalasPadam
  6. x jdi larh...ssh nyer...x dek care laen ker??
    plizz...tlong saye

    BalasPadam
  7. x jadi la...please tolong saye...dier keluar ini
    Your template could not be parsed as it is not well-formed. Please make sure that all XML elements are closed properly.
    XML error message: The value of attribute "src" associated with an element type "null" must not contain the '<' character.

    BalasPadam
  8. yay..jd!! tq2..dh bnyk dh ilmu i cedok drpd blog ni..thanks a lot...:)

    BalasPadam
  9. @iela
    x de cara lain ..nie mesti ada buat silap

    BalasPadam