Letak Gambar Sebelah Tajuk Entri

Tajuk entri adalah antara perkara yang pertama dinilai oleh seseorang pengunjung yang mengunjungi sesebuah blog. Disamping mempunyai tajuk-tajuk entri yang gempak², kehadiran penghias juga dapat menambahkan lagi seri pada entri tersebut.
Letak Gambar Sebelah Tajuk Entri

Antara salah satu perkara untuk menambahkan seri tajuk entri adalah dengan meletakkan gambar disebelah tajuk entri.

Contoh:
Letak Gambar Sebelah Tajuk Entri


Berikut adalah langkah-langkah yang perlu dilakukan.


1.Login akaun blogger, dari dashboard >layout > edit html > expand widget templates

2.Tekan ctrl + F untuk menghidupkan fungsi 'find' kemudian cari kod berikut.

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



3. Letakkan kod dibawah antara kod <a expr:href='data:post.url'> dan kod <data:post.title/></a>

<img src="url gambar"/>



Contoh kod sepatutnya kelihatan seperti ini
Letak Gambar Sebelah Tajuk Entri

Nota:
a. Tukarkan 'url gambar' dengan url gambar yang anda kehendaki
b. Saiz gambar yang biasa digunakan adalah dalam lingkungan 20x20 hingga 30x30.


4. Preview, dan jika anda berpuas hati klik save template.:)

80 comments:

  1. tip ini utk 1 gambar 1 blog...ker boleh buat lain2 post..lain gambar???

    ReplyDelete
  2. tips ni untuk 1 gambar 1 blog..
    kesemua gambar sama pada sebelah tajuk entri.:)

    ReplyDelete
  3. bijak2...aku suka..thanz..!!!!

    ReplyDelete
  4. err...nk tnye la...sy da buat dh step nie..menjadi...then lepas 2 3 post,gambar tu hilang..sy cuba nk letak balik...cari2 kod nie tak jumpa...hilang cmtu aje..nape ek??

    ReplyDelete
  5. err saya punn! (..')
    kenape ye?
    mcm mne klau nak tuka gmba lain pulak?

    ReplyDelete
  6. yes!!! kuar kat semua post...thanks bro :)

    ReplyDelete
  7. da buat tapi x mnjadil...
    NAPE YER...:(

    ReplyDelete
  8. setakat ni menjadi.
    thanks tuan, info berguna.
    sy letak gambar santa clause
    di barang-baik.com. okie tak?

    ReplyDelete
  9. tahniah dan yerima kasih kepada moderator blog ini yag berjaya membangunkan tutorial blog yg sgt berguna ini.....

    ReplyDelete
  10. nape kat templat sy x de kod tue,
    sdeh nyer :(

    ReplyDelete
  11. sy dpt mesej nie...

    [ Templat anda tidak boleh dihuraikan kerana ia tidak purna bentuk. Sila pastikan semua elemen XML ditutup dengan sempurna.
    Mesej ralat XML: The element type "a" must be terminated by the matching end-tag "". ]

    ape maksudnyer,boleh tolong ?

    ReplyDelete
  12. np pic yg sy gune tuhh jd besa?? cmne na kcik kn??

    ReplyDelete
  13. problem la, code tu hilang lak after save. ingat kan nk tukar icon. huhu..

    helpppppp T__________T

    ReplyDelete
  14. nape kat templat sy x de kod tue? tolonggggg

    ReplyDelete
  15. ade link utk cri icon tu x??help me plisz

    ReplyDelete
  16. ajarlah cara nk bt banner mcm awk bt kat blog ni

    ReplyDelete
  17. cmna nk cari url gmbar yg kita pilih tu.

    ReplyDelete
  18. sye dah save tapi knp takde gmbr pon?

    ReplyDelete
  19. sy tak dpt buat.
    kod url post tu tak ada. :(

    ReplyDelete
  20. terima kasih....ida dh buat..bjaya.....dan ida ade buat tutorial gak n ida ade kredtkan kt cniiii..terima kasih bnyk2 sbb sudi bkogsi....

    ReplyDelete
  21. code tuh tk jumpa laa , alaa .
    cmne nehh ? blogg dh burokk sbb bnda alahh tuh !

    ReplyDelete
  22. susa aa . cm ane neyhh ?
    buad pale penng . !

    ReplyDelete
  23. assalam,,
    sblom ni sy buat dh jd..
    tp ble sy 2ka fon title ikut tutorial kevinamanda trus hlng icon sblah post title 2..
    npe ea??
    dh try ejaz tp xjd jgk..
    mnx tlg..

    ReplyDelete
  24. ish ,,, susah nyer ,, nk kne expend widget ,,, sume ke bnde uh ,,, ssh la ,,, ad yg lbeyh sng x ?

    ReplyDelete
  25. mcm mne naa boh gmba kte besar2 kat atass blog kte tue ?

    ReplyDelete
  26. Thanks.. dah try & menjadi
    tapi tak berapa sesuai utk posting blog aku.
    but TQ for u tutorial. is stil berguna utk blog-2 yg akan datang.

    ReplyDelete
  27. thank a lots
    zana dah try..
    dah jadi pun...

    ReplyDelete
  28. wahhhh!!!
    jadi2! thanx ye inche unwanted!!

    ReplyDelete
  29. mcm mane lao kite na gune pic kite ? hoho

    ReplyDelete
  30. dah lame saya cari benda nih ;) tenkayuu

    ReplyDelete
  31. alaaa , xtau camne buat la T_____________________________________T

    ReplyDelete
  32. tak jadi ponn ... mane nak cari url ..

    ReplyDelete
  33. blh tnye mcm mane nk bagi header 2 letak kt tengah2..saye punye header slalu kt blah tepi je..

    ReplyDelete
  34. betul tu aida nurdiena.... sapa2 bleh tolong nak letak header x?

    ReplyDelete
  35. mane nak cari url...anybody pliz help me....

    ReplyDelete
  36. alaa npe tak jd ? tak bole pun . :( tolong tunjuk kn :-/

    ReplyDelete
  37. kenapa dekat sye pnye blog tak de kod tu , mcam mane nak buad ni ???

    ReplyDelete
  38. da banyak kali buat,xp x jadi larhhh,hmmmm ;c

    ReplyDelete
  39. apsall saye cari kod ni x jmpe.........? huhuhuhu

    ReplyDelete
  40. saiyaa daa wat . tpy ta jdy un . ble saiyaa cri bleq daa ta de .

    ReplyDelete
  41. ta jady pownn..smpi ilang title post adelaa,,huhu,.,cmner nieyh!!

    ReplyDelete
  42. i sume..fllow my blog k..sy bdk br blaja

    http://wandazieda.blogspot.com/

    ReplyDelete
  43. xjadik! :(
    knapa eh?
    waktu preview ada, bila da save xd plak..
    cek kt edit html, kod yg da edit tuu da ilang..

    ReplyDelete
  44. saya xpaham macam mana kita nak cari kod lepas dah tekan ctrl+f pada bahagian edit html..

    ReplyDelete
  45. Nak cari url gamba tuu kat mne?

    ReplyDelete
  46. huhuhu.. nice2.. kcak... domo arigatou...

    ReplyDelete
  47. salam..saya dah cari semua kod yang di bagi, tapi nape sume kod tu tak de kat dalam sy punye edit html?setting tak same ke?same jugak utk buat scroll box utk blog achive tu...

    ReplyDelete
  48. bole x nak tanye sket...ade x cre2..nak msukkan musik dlm blog...

    ReplyDelete
  49. kenapa tak de kod tu ? saya carik tak jumpa lahhhh :c

    ReplyDelete
  50. nk crit gmba kad new da tkn copy imej URL pastu paste kad kod tu view tk dew tl leh la url tu

    ReplyDelete
  51. 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: Open quote is expected for attribute "{1}" associated with an element type "src".

    kalu keluar mcm nie mcm mne lak

    ReplyDelete
  52. 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.
    Error 500

    apsal die kuar cm ni ek? dah buat banyak kali tak jd jugakkk. gerammmm! >_<
    balas tauu.

    ReplyDelete
  53. gambar yg kia nak ambil tu kena upload kt mana?sape tau?mcm mana nak generate url gambar tu?

    ReplyDelete
  54. nak tnye ...huuhu ..sy dh buat ,tp x klua pon ,,lpas tuu np title post sy x nmpk ?huhuh ..tlong sy ...:(

    ReplyDelete
  55. sy nk tnya,mcm mana nk delete blik gambr tu ? dan macam mana nk kecilkan gambar tu ? tolongg sy :(

    ReplyDelete
  56. kalau nak kecilkan gambar mmg tak boleh.. kena amik gambar yang mmg kecil saiznya.. saya cadangkan amik gambar dalam bentuk icon. kalau nak delete, just buat macam langkah 1 dan 2 kat atas.. cuma kod yang perlu anda cari adalah alamat URL image gambar yg anda nak delete tu.. bila dah jumpa kod tu, ganti dengan URL imej yang baru yg anda nak tue..

    ReplyDelete
  57. mana nak cari url image .. image tu nak cari kat ne ????

    ReplyDelete
  58. cmna cara nak delete gambar kt post entry ni plak..tolong explain..tq

    ReplyDelete
  59. Kenapa tak jadi bila saya buat? Dan bila nak buangkan code tu tak jumpa pulak.

    ReplyDelete
  60. korang cari picture dlm google image, right click kt gmbr tu, ada tulis copy url image..haaa tu la url dye..--

    ReplyDelete
  61. More than one widget was found with id: HTML2. Widget IDs should be unique.

    ReplyDelete
  62. Wah mantaf bro tutorialnya..~
    Thanks :)
    Salam kenal kk..~

    ReplyDelete
  63. masalahnya bila saya find kod mesti tak jumpa kod yg dicari. apa sebabnya??

    ReplyDelete