Tutorial : Sidebar Image

16:11:00

Assalamualaikum 

Kak Nadyaa requeesst, hehehe.

Nampak benda yang aku anak panahkan ke mana ? So itulah benda yang aku nak ajar kali ni.

Gambar.

1. Editkan gambar dan Save. Nak edit dekat mana terpulang kepada awak, kalau macam aku ,aku edit guna Photoshop.

2. Dah siap edit, uploadkan kat mana-mana yang nak. Kalau aku, aku ada blog khas untuk aku upload gambar-gambar ni. Huhuu.

gambar contoh~ ^^


Edit HTML

1. Template > EDIT HTML 

2. CTRL + F  kan Sidebar Title Korang. 

Contoh macam aku,
Testing

3. Dah jumpa? Dia akan keluar lebih kurang macam ni.
<b:widget id='HTML7' locked='false' title='Testing' type='HTML'>
    <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>  </b:if>

4. Delete code yang di orenkan

5. Gantikan dengan yang ini.

<img border='0' src='URL IMAGE BACKGROUND'/>
Isikan benda yang aku boldkan tu,

 6. Preview, dah jadi? Savekan.

Ulang semua step ni untuk ubah yang lain pula~ Jadi ini version yang rajin punya tau. HAHAHA.

Sekian.

You Might Also Like

10 Love Letter(s)

  1. oh mcm tu.. sidebar images ni.. untuk background ke.. kite kene edit font n background? akak kureng memahami ni..hoho

    ReplyDelete
    Replies
    1. akak kena buat background tu kena ada font siap-siap. hehehe. :3

      Delete
  2. masya Allah hebatnya kau dik... talented sungguh. akak memang x reti la dik non bab2 gini... haha

    ReplyDelete
    Replies
    1. Akak tak de apalah kak. Biasa2 saja. T.T

      Delete
  3. O_o Buat.. SATU-SATU?? Huu~ Bilalah nak rajin ni.. T^T

    ReplyDelete
  4. bhahahaha ayat tu tak menahan..

    ReplyDelete
  5. thank you aina! tak perasan pulak tutorial ni. kak xtau nak tanya kat mana. okay2,lepas ni apa2 soalan nanti kak email aina. nak pi try buat sat..

    ReplyDelete