Letak Gambar Sebelah Tajuk Entri / Post






 Caranya:
1) Sign in akaun blogger

2) Dashboard > Design > Edit HTML > Tick kotak "Expand Widget Template"

3) Dengan menggunakan ctrl + F (tekan serentak pada keyboard), cari kod
 <a expr:href='data:post.url'><data:post.title/></a>

4) Copy kod di bawah dan letakkan di antara kod <a expr:href='data:post.url'> dan <data:post.title/></a> yang korang cari dalam langkah 3 tadi
<img src="url gambar"/>


Contoh, rupa kod korang akan jadi macam ni:
<a expr:href='data:post.url'><img src="url gambar"/><data:post.title/></a>

5) Kemudian, pada url gambar, gantikan dengan url gambar pilihan korang. Kat bawah ada disediakan beberapa gambar, pilih je. Ataupun korang boleh search sendiri dekat google.

Contoh, rupa kod korang lastly akan jadi camni:
<a expr:href='data:post.url'><img src="https://6412544969642075171-a-1802744773732722657-s-sites.googlegroups.com/site/jombinabelogsebelahtajukpost/cute.gif"/><data:post.title/></a>



Just copy url gambar yang disediakan
https://6412544969642075171-a-1802744773732722657-s-sites.googlegroups.com/site/jombinabelogsebelahtajukpost/cute.gif



https://6412544969642075171-a-1802744773732722657-s-sites.googlegroups.com/site/jombinabelogsebelahtajukpost/2.gif




https://6412544969642075171-a-1802744773732722657-s-sites.googlegroups.com/site/jombinabelogsebelahtajukpost/3.gif




https://6412544969642075171-a-1802744773732722657-s-sites.googlegroups.com/site/jombinabelogsebelahtajukpost/4.gif




https://6412544969642075171-a-1802744773732722657-s-sites.googlegroups.com/site/jombinabelogsebelahtajukpost/5.gif




https://6412544969642075171-a-1802744773732722657-s-sites.googlegroups.com/site/jombinabelogsebelahtajukpost/6.gif




http://img26.imageshack.us/img26/7237/34199498.gif




https://6412544969642075171-a-1802744773732722657-s-sites.googlegroups.com/site/jombinabelogsebelahtajukpost/8.gif




https://6412544969642075171-a-1802744773732722657-s-sites.googlegroups.com/site/jombinabelogsebelahtajukpost/arrow.gif





https://6412544969642075171-a-1802744773732722657-s-sites.googlegroups.com/site/jombinabelogsebelahtajukpost/arrow2.gif





https://6412544969642075171-a-1802744773732722657-s-sites.googlegroups.com/site/jombinabelogsebelahtajukpost/arrow3.gif






https://6412544969642075171-a-1802744773732722657-s-sites.googlegroups.com/site/jombinabelogsebelahtajukpost/arrow4.gif





http://img827.imageshack.us/img827/9452/t18.png





http://img845.imageshack.us/img845/1995/60329625.png




http://img59.imageshack.us/img59/1008/t19.png

6) Lastly, klik preview dulu, dan jika tiada sebarang error, klik save template.

Selamat mencuba! :)

16 comments:

  1. salam...dh bnyk kali wat tapi error..mcmna nak paste kan dkt kotak expand widget tu...kena delete dlu ke url yg bnyk2 dlm kotak tu..atau kosongkan dlu kotak tu baru paste..harap dpt bantu

    ReplyDelete
  2. sekarang ni profil baru blog
    saya tak tahu nak cari dekat mana
    Expand Widget Templates"

    ReplyDelete
  3. @nurul bukan delete sayang, copy paste kod yang diberikan di bawah kod2 tertentu dalam edit template html tu.. cari kod guna ctrl+F

    ReplyDelete
  4. @Jombinabelog
    da try da tp ad tlis too much HTML.nk ltk favicon pn x boleh jgak(+.+)

    ReplyDelete
  5. thank you !
    seghius comel >.<

    ReplyDelete
  6. Nice blog.
    Thanks for helping.
    May Allah bless you always. ^^

    ReplyDelete
  7. thnks ownner...kebanykkn sy cube mnjadi..just nk buang boder kt gmbr n sidebar berstyle je x jd..ape pn thns so much <3

    ReplyDelete
  8. awakkkkkkkkk ! kite curik satu hehehe
    thanks awk :) nice tuto..

    ReplyDelete
  9. @Fira
    ala... comelnyeeee... inna amik satu ye... :) tq

    ReplyDelete
  10. jadi!! sangat bagus tutorial dalam blog ni :) thanks sgt2!!! :)

    ReplyDelete

Komen kat sini ye.. ^_^