Letak Gambar Sebelah Tajuk Entri

Posted on 9:53:00 AM by  with 80 comments
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. AriyonMarch 12, 2010 at 1:15 PM

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

    ReplyDelete
  2. unMarch 14, 2010 at 9:49 AM

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

    ReplyDelete
  3. NasirApril 1, 2010 at 7:36 AM

    bijak2...aku suka..thanz..!!!!

    ReplyDelete
  4. FarhanaFabulousApril 18, 2010 at 4:48 PM

    buat cara ni xmenjadi la..

    ReplyDelete
  5. Rara FarahMay 4, 2010 at 11:51 PM

    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
  6. PenguinMay 11, 2010 at 5:17 PM

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

    ReplyDelete
  7. Cikgu DahliaMay 30, 2010 at 7:31 PM

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

    ReplyDelete
  8. ♥ ♥July 7, 2010 at 1:56 PM

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

    ReplyDelete
  9. UnknownJuly 17, 2010 at 10:04 AM

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

    ReplyDelete
  10. AnonymousAugust 25, 2010 at 10:34 AM

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

    ReplyDelete
  11. NaySeptember 4, 2010 at 5:59 PM

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

    ReplyDelete
  12. NaySeptember 5, 2010 at 11:10 PM

    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
  13. hunnyNovember 19, 2010 at 8:42 AM

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

    ReplyDelete
  14. SI MILLY'SNovember 20, 2010 at 5:32 PM

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

    helpppppp T__________T

    ReplyDelete
  15. gadisNovember 29, 2010 at 7:19 PM

    nape kat templat sy x de kod tue? tolonggggg

    ReplyDelete
  16. Wanie RockDarlingNovember 30, 2010 at 5:21 PM

    tak menjadi lah :(

    ReplyDelete
  17. zahi ♡December 5, 2010 at 1:03 AM

    ade link utk cri icon tu x??help me plisz

    ReplyDelete
  18. niMbLeDecember 9, 2010 at 11:58 AM

    ajarlah cara nk bt banner mcm awk bt kat blog ni

    ReplyDelete
  19. Maliana AqilahDecember 10, 2010 at 5:29 PM

    cmna nk cari url gmbar yg kita pilih tu.

    ReplyDelete
  20. AnonymousDecember 19, 2010 at 2:56 AM

    sye dah save tapi knp takde gmbr pon?

    ReplyDelete
  21. aqishDecember 23, 2010 at 1:04 PM

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

    ReplyDelete
  22. ucu roseDecember 27, 2010 at 5:35 PM

    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
  23. Anis SyazwaniDecember 28, 2010 at 3:55 PM

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

    ReplyDelete
  24. UnknownJanuary 3, 2011 at 11:34 PM

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

    ReplyDelete
  25. kura_kura kecilJanuary 26, 2011 at 4:28 AM

    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
  26. UnknownJanuary 29, 2011 at 7:46 PM

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

    ReplyDelete
  27. liyanazahirahJanuary 30, 2011 at 12:09 PM

    npe xml code ?

    ReplyDelete
  28. Ily chocochipFebruary 2, 2011 at 2:56 PM

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

    ReplyDelete
  29. teciqFebruary 4, 2011 at 8:57 PM

    jadi....
    tq2!! :)

    ReplyDelete
  30. mdauction2uFebruary 6, 2011 at 2:43 AM

    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
  31. Zana_MamaBatriceFebruary 21, 2011 at 12:28 PM

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

    ReplyDelete
  32. atikNAOshiFebruary 25, 2011 at 8:39 PM

    wahhhh!!!
    jadi2! thanx ye inche unwanted!!

    ReplyDelete
  33. Miss YFebruary 26, 2011 at 5:03 PM

    yeah..
    jadi2..
    hehe...

    ReplyDelete
  34. budakdegilMarch 12, 2011 at 4:20 PM

    yeahh ! jd . mekasehh .

    ReplyDelete
  35. monsterbuncetMarch 13, 2011 at 11:43 PM

    mcm mane lao kite na gune pic kite ? hoho

    ReplyDelete
  36. TRIPLE S ♥March 17, 2011 at 11:14 PM

    dah lame saya cari benda nih ;) tenkayuu

    ReplyDelete
  37. Putri ♥April 4, 2011 at 5:19 PM

    alaaa , xtau camne buat la T_____________________________________T

    ReplyDelete
  38. amlyn chuukyApril 13, 2011 at 12:35 AM

    jdi... tq =)

    ReplyDelete
  39. kiEy bHa !April 14, 2011 at 12:15 PM

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

    ReplyDelete
  40. Aida NurdienaApril 15, 2011 at 1:56 PM

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

    ReplyDelete
  41. hanigoldApril 19, 2011 at 9:46 PM

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

    ReplyDelete
  42. AnonymousApril 23, 2011 at 4:51 PM

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

    ReplyDelete
  43. Fame EijaApril 25, 2011 at 3:04 PM

    npe pic x kuar???
    pning2,.

    ReplyDelete
  44. Awin MarcelloApril 30, 2011 at 10:01 PM

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

    ReplyDelete
  45. Nureen IlyanaMay 10, 2011 at 3:42 PM

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

    ReplyDelete
  46. !❀_ayie momo_❀!May 12, 2011 at 10:19 AM

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

    ReplyDelete
  47. ilieMay 12, 2011 at 8:26 PM

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

    ReplyDelete
  48. IeNa ^^May 26, 2011 at 6:37 PM

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

    ReplyDelete
  49. tira+syahmieMay 29, 2011 at 2:52 PM

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

    ReplyDelete
  50. Cik SyafikaJune 19, 2011 at 3:55 PM

    ta so much !!!!

    ReplyDelete
  51. shinigamiJune 20, 2011 at 1:03 AM

    haha, tebaek.. thnx :)

    ReplyDelete
  52. Wanda ZiedaJuly 4, 2011 at 8:52 PM

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

    http://wandazieda.blogspot.com/

    ReplyDelete
  53. scha ahmadJuly 7, 2011 at 12:05 PM

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

    ReplyDelete
  54. farhana khalidJuly 12, 2011 at 2:12 AM

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

    ReplyDelete
  55. UnknownJuly 18, 2011 at 12:52 AM

    Nak cari url gamba tuu kat mne?

    ReplyDelete
  56. NonoJuly 27, 2011 at 8:04 PM

    huhuhu.. nice2.. kcak... domo arigatou...

    ReplyDelete
  57. indahhiasanJuly 28, 2011 at 11:32 AM

    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
  58. .August 24, 2011 at 9:27 PM

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

    ReplyDelete
  59. AnonymousOctober 2, 2011 at 1:48 PM

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

    ReplyDelete
  60. emmaOctober 13, 2011 at 3:10 PM

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

    ReplyDelete
  61. emmaOctober 13, 2011 at 3:14 PM

    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
  62. Nina NafisahOctober 14, 2011 at 6:12 PM

    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
  63. nurul atikahOctober 16, 2011 at 9:11 PM

    x jadi lah.. eeeii...

    ReplyDelete
  64. eylaOctober 17, 2011 at 8:07 AM

    xjumpe la code tuu :(

    ReplyDelete
  65. AnonymousOctober 17, 2011 at 11:20 PM

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

    ReplyDelete
  66. SII KYCHEEOctober 25, 2011 at 8:17 AM

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

    ReplyDelete
  67. Anis Yasminn :)October 27, 2011 at 10:12 AM

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

    ReplyDelete
  68. ShukriNovember 15, 2011 at 3:22 PM

    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
  69. FarhanaNovember 23, 2011 at 10:49 PM

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

    ReplyDelete
  70. ♥Qaseh♥November 27, 2011 at 4:49 PM

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

    ReplyDelete
  71. AtynDecember 2, 2011 at 2:26 AM

    mana nak cari URL gambar tu?

    ReplyDelete
  72. nana ayrienDecember 18, 2011 at 10:48 AM

    macam mane nak dapat kan url pic ea

    ReplyDelete
  73. nana ayrienDecember 18, 2011 at 5:13 PM

    nape blog sy tade loyout

    ReplyDelete
  74. AnonymousDecember 31, 2011 at 11:05 PM

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

    ReplyDelete
  75. AMruddin MuhammadJanuary 14, 2012 at 5:59 AM

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

    ReplyDelete
  76. Misaki★T-hahApril 11, 2012 at 2:32 PM

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

    ReplyDelete
  77. FatinKADIRJune 19, 2012 at 3:37 PM

    nk buang blik cmne??

    ReplyDelete
  78. NorismahApril 18, 2013 at 10:57 PM

    Cun2

    ReplyDelete
  79. Jeffry CApril 28, 2013 at 7:14 PM

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

    ReplyDelete
  80. Atika BaharudinNovember 6, 2013 at 1:10 PM

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

    ReplyDelete

Subscribe to: Post Comments (Atom)