Thursday, December 30, 2010

Tutorial : Cara Letak Gambar Sebelah Tajuk Post

Tutorial Time !


Yo guys ! Nak mencuba sesuatu yang best tak ? Korang boleh letak gambar korang sendiri kat sebelah tajuk post kalau korang nak. 

Mesti korang perasan perubahan kat sebelah tajuk post aku ni kan? Malulaaa macam ni =) Nak tengok contoh lain ? 

Hah tengok blog ni : Silampuneonpic & Tangisdarah
Hah, smart kan ? Jom buat jom...



Langkah 1
Cara Letak Gambar Sebelah Tajuk Post : 
  • Go to >> Edit Html >> Expand Widgets Templates
  • Ctrl F dan cari perkataan :
<a expr:href='data:post.url'><data:post.title/></a>
  • Copy kod pertama : 
<img src="LinkGambar"/>
  • Paste kod pertama di tengah kod yang anda cari tadi, contoh : 
<a expr:href='data:post.url'&<img src="LinkGambar"/>gt;<data:post.title/></a>

  • Edit link gambar dengan link gambar yang korang suka

  • Preview blog

  • Save

  • Siap !


  • *Bagi yang tak tahu nak amik link gambar...teruskan tutorial di Langkah 2.

    Langkah 2
    Cara Letak Gambar Sebelah Tajuk Post : 
    • Edit Link Gambar dengan link gambar yang korang nak. Link gambar tu boleh didapati di mana mana website ini : CutePicturesCherrybam, Graphics.
    • Kalau nak guna gambar sendiri, edit gambar sendiri kat mana mana Photoeditor macam Photoscape ke, kemudian save size gambar 55x55 pixel dan upload di Photobucket untuk dapatkan Link Gambar. 
    • Bila dah ada gambar yang korang suka, korang bolehla copy image location @ copy link location gambar tu dan gantikan dengan Link Gambar dalam Langkah 1 tadi.
    • Lepas tu bolehlah Preview template
    • Save
    • Siap!
    Kalau guna gambar sendiri, sila upload gambar di Photobucket dulu ok ?


    Credit : Budak

     

    Selamat Maju Jaya !




    Feeling Lucky?
     

    Designed by Alieff Artwork