Tutorial : Cara Meletakkan Cute Icon Dalam Blog Archive

Assalamualaikum!
Hai korang.

Apa? Korang malas nak membaca?
Yeay, aku pun malas nak menulis panjang.

So, direct terus ke topik kita hari ni.

Hah! Comelkan Blog Archive aku. Apa? Tak comel? Alaa, korang jelous je tu aku faham.
Nak jugak macam tu jom baca lagi!

***First and foremost, of course korang kena ada Blog Archive dulu tau.
***Second important point is korang kena set style Blog Archive korang Hierarchy.


1. Dashboard - Theme - Edit HTML - ctrl + F

2. Search code ni :

<b:includable id='posts' var='posts'>

3. Then, korang nampak tak sebelah kiri code tu ada nombor dan arrow? So, aku nak korang klik pada arrow no 2294.

4. Lepas korang klik, akan muncul beberapa codes kat bawah code di Step 2 yg sebelum ni takde kan? Contohnya :

<b:includable id='posts' var='posts'>
  <ul class='posts'>
    <b:loop values='data:posts' var='post'>
      <li><a expr:href='data:post.url'><data:post.title/></a></li>

5. Seterusnya, copy code ni :

<img src='IMAGE URL'/>

6. Paste ke dalam codes yg aku merahkan dalam Step 4. So, nanti akan jadi macam ni :

<b:includable id='posts' var='posts'>
  <ul class='posts'>
    <b:loop values='data:posts' var='post'>
      <li><a expr:href='data:post.url'><img src='IMAGE URL'/>
<data:post.title/></a></li>

7. Ubah perkataan yg aku birukan dengan image url korang. Nak senang cari kat sini !!

8. PREVIEW dulu, kalau menjadi dan takde error, so korang SAVE laju2 !! (excited punya pasal)

Alhamdulillah.

Aku faham tutorial kali ni agak complicated, bukan dari segi cara, tapi keberkesanannya disebabkan berlainan HTML code dan template korang.
So, ada apa-apa soalan silakan komen di bawah.