Tutorial Letak Gambar/ Icon Sebelah Post Title

Salam 1 Malaysia pada semua… Cik tom nak share tutorial letak gambar/ icon sebelah post title. Tutorial ini hanya untuk blogger yang guna platform blogspot. Untuk wordpress cik tom belum explore lagi. Masa guna platform blogspot cik tom pernah guna icon tomato di sebelah post title tapi tak berkesempatan nak buat tutorial ini. Harap perkongsian ini dapat memberi manfaat terutamanya kepada blogger baru yang tengah mencari tutorial bagi mencantikkan blog masing2. Tutorial ni memang mudah dan simple je bagi blogger yang berminat untuk letak icon/ gambar yang comel di sebelah post title. Kalau boleh size gambar tue jangan terlalu besar iaitu bersesuaian dengan size untuk diletakkan di post title.

icon sebelah post title

STEP 1

Sila backup template sebelum mula untuk mengedit sebarang code.

DASHBOARD>DESIGN>EDIT HTML>tick kotak EXPAND WIDGET TEMPLATES>klik DOWNLOAD FULL TEMPLATE

STEP 2

Klik “CTRL+F” ataupun “F3” untuk cari code ni;

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

STEP 3

Copy dan paste code di bawah di tengah-tengah code dalam step 2;

<img src=”URL/ LINK GAMBAR”/>

Contohnya;

<a expr:href=’data:post.url’><img src=”URL/ LINK GAMBAR“/><data:post.title/></a>

**pada url yang di boldkan merah tue korang letak la url/link gambar yang korang suka. Korang boleh google untuk icon animation atau cari kat GLITTER-GRAPHIC.COM.
**contoh url/link gambar yang diambil dari website glitter ialah; http://dl7.glitter-graphics.net/pub/718/718447wgph44su7s.gif

STEP 4

Preview dan save kalau tiada error pada coding. Selamat mencuba.

Sharing is caring

ciktom

Cik tom seorang part time blogger yang sangat sukakan dunia blogging dan buah tomato. Mula menulis blog 15 Julai 2010. Menaip segala ilham dari akal fikiran dan hati ke dunia alam cyber. Sebarang persoalan atau pengiklanan/advertorial/review sila hubungi ciktom; tomatogurl86[at]gmail.com...gantikan [at] dengan @

37 thoughts on “Tutorial Letak Gambar/ Icon Sebelah Post Title

  • June 25, 2011 at 2:20 am
    Permalink

    nk letak icon tomato la kt blog saya, hehe

    Reply
  • July 17, 2011 at 1:15 pm
    Permalink

    hye cik tom , ika nak tanya sikit lah pasal toturial ni. ika dah buat toturial ni. tapi tak boleh jugak. macam mane eh ? hihi . terima kasih
    Jom baca entri terkini ika …I miss youuu hihiMy Profile

    Reply
    • August 15, 2011 at 6:58 pm
      Permalink

      terima kasih dk…cik tom singgah blog adik jugak 😉

      Reply
  • August 27, 2011 at 11:33 am
    Permalink

    nak kena terai ni…. masih relevan ker?

    Reply
    • August 29, 2011 at 2:06 pm
      Permalink

      masih relevan je…boleh cuba..tapi tutorial ni untuk pengguna blogspot…selamat mencuba..

      Reply
  • September 15, 2011 at 1:16 am
    Permalink

    hye cik tom..tgh ushar2 blog cik tom..sy bru je nk berjinak2 tulis blog ni..hehe..btw, tq so muchhhhhhhhh…;p

    Reply
    • September 17, 2011 at 5:41 pm
      Permalink

      hi nur..ur welcome…jom meriahkan dunia blogging 😉

      Reply
  • September 28, 2011 at 4:45 pm
    Permalink

    kenapa dah cuba cara kedua tuh, lansung tak de perubahan pada favicon saya ek? dia amik masa yang lama ke nak tuka? aiyooook!

    Reply
    • October 2, 2011 at 7:26 pm
      Permalink

      kalau dah ubah memang terus keluar…maybe icon yang guna xsesuai kot..cuba cek balik..

      Reply
  • December 3, 2011 at 6:59 pm
    Permalink

    salam singgah…sis sy nak tanya yg mn 1 nak kn ubah ni cz da banyak kali cuba x menjadi pun… plss bantu…

    Reply
    • December 27, 2011 at 3:07 pm
      Permalink

      salam yus..kena ubah?just masukkan code url image tue je sebelah code post title…cuba follow step ni 1 persatu ye yus..insyaAllah menjadi..

      Reply
  • January 20, 2012 at 5:33 pm
    Permalink

    cik,
    saya dah cuba tapi tak dapat lah. saya menggunakan window 7. tolong bantu

    Reply
    • January 24, 2012 at 2:46 am
      Permalink

      tutorial cik tom ni xde kaitan dengan window 7…yg pntg code tutorial ni bersesuaian x dgn blog aliza..

      Reply
  • January 30, 2012 at 5:48 pm
    Permalink

    hai cik tom….so cute that name…btw meh la tgk blog sy ^.^ n follow

    Reply
    • February 21, 2012 at 7:39 pm
      Permalink

      thanks ida..ok cik tom singgah sat lagi.

      Reply
  • January 30, 2012 at 9:18 pm
    Permalink

    mna nak dpt design background yg cntik2??

    Reply
  • January 31, 2012 at 7:25 pm
    Permalink

    saya da buat dan menjadi tp lepas tu saya tulis post, post saya tu x disave. Walaupon saya save die ttp hilang, klau saya tulis post dan trus post pon dkt blog kluar tajuk je. Cmne nk btul kn balik. bantulh saye cik tom T_T

    Reply
    • February 19, 2012 at 10:21 pm
      Permalink

      apa url blog awak ye?nak tgk apa masalahnya.

      Reply
  • February 4, 2012 at 4:18 pm
    Permalink

    mcm mana nak cantikkan title blog???plezz

    Reply
    • April 21, 2012 at 1:06 pm
      Permalink

      boleh adjust jenis dan color tulisan..tambah icon tepi title atau ubah background untuk title..

      Reply
  • February 26, 2012 at 5:59 pm
    Permalink

    Salam akak.

    Akak, kalau sy ter-delete kod ni, macam mane nak dapatkan balik? tajuk sy jadi hilang. kod ni letak bawah/atas kod apa?

    Reply
    • April 21, 2012 at 5:36 pm
      Permalink

      salam..kalau terdelete undo je balik step yg ada dalam tutorial ini..

      Reply
  • March 4, 2012 at 11:20 am
    Permalink

    salam kak tom..saya dah cari banyak kali dalam templat..tak jumpa lah code tu 🙁

    Reply
  • March 9, 2012 at 4:37 pm
    Permalink

    cik tom..kenapa code nie saya tka jumpa yea….heranlah..

    Reply
  • March 10, 2012 at 1:18 pm
    Permalink

    cik tom,
    tlg sye kejap.. sye xtwu nk cntikkan blog..
    sye bru jew buat..

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *

CommentLuv badge

This site uses Akismet to reduce spam. Learn how your comment data is processed.

error: Content is protected !!