Cara letak ikon disebelah tajuk posting

Penambahan ikon disebelah tajuk posting adalah merupakan satu daya penarik ,selain dari tajuk posting itu sendiri.Bagi tujuan itu gambar yang dimasukkan hendaklah adalah bersaiz 32x32
Untuk membuatnya ikuti  langkah ini:

 Masuk ke design--->> EDIT HTML Kemudian cari kod berikut ini:

.post h3 {
margin:.5em 0;
padding:30px 0px 0px 45px;
font-size:120%;
font-style:italic;
line-height:1.3em;
color:#333;
background:url(letak url gambar disini ) no-repeat left center;}
  • kod berwarna hijau ini adalah kod yang perlu ditambah

Jika tidak jumpa kod seperti diatas cuba pula kod ini :

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

Nota: jika terdapat lebih dari satu kod ini,masukkan pada kod yang pertama.
Letakkan kod url gambar (warna hijau)diantara kod dibawah antara kod seperti ini:

<a expr:href='data:post.url'><img src="url gambar"/>  <data:post.title/></a>

kod pada template
contoh kod pada template

Kemudian preview terlebih dahulu untuk mengetahui tiada apa apa error.
Jika telah berpuas hati  klik save template

Catat Ulasan

22 Comments:

Zack Zaifull berkata...
Teknik Buat Blog

nice

miss faten berkata...
Teknik Buat Blog

wahhh ! thanx for the useful info :))

anggasona berkata...
Teknik Buat Blog

info ini sgt bermanfaat sob, makasie sdh share artikelnya :)

Minnie Ajid berkata...
Teknik Buat Blog

kenapa saya buat byk kali x dpt2 ye

yahaya berkata...
Teknik Buat Blog

@Minnie Ajid
ada dua kemungkinan:
pertama tempat letak kod salah dan satu lagi url gambar salah

aSmiDar berkata...
Teknik Buat Blog

tak dapat bukak la link disini tu..hukhuk

yahaya berkata...
Teknik Buat Blog

@aSmiDarkena download icon dan upload ke photobucket,image shack dan lain..dapatkan url dan letakkan pada kod...

yahaya berkata...
Teknik Buat Blog

@ekha
gambar kena upload dulu kat photobucket,kemudian dapatkan urlnya dan masukkan url pada kod.

^ baby sweetyz ^ berkata...
Teknik Buat Blog

xdpt2 pun...ni sya punye kod...so,nk ltk kt mne??

/* Posts
----------------------------------------------- */
h3.post-title {
margin-top: 20px;
}

h3.post-title a {
font: $(post.title.font);
color: $(post.title.text.color);
}

h3.post-title a:hover {
text-decoration: underline;
}

.main-inner .column-center-outer {
background-color: $(post.background.color);
}

.post-body {
line-height: 1.4;
position: relative;
}

.post-header {
margin: 0 0 1em;

line-height: 1.6;
}

.post-footer {
margin: .5em 0;
line-height: 1.6;
}

#blog-pager {
font-size: 140%;
}

#comments {
background: $(comments.background);
padding: 15px;
}

#comments .comment-author {
padding-top: 1.5em;
}

#comments h4,
#comments .comment-author a,
#comments .comment-timestamp a {
color: $(post.title.text.color);
}

#comments .comment-author:first-child {
padding-top: 0;
border-top: none;
}

.avatar-image-container {
margin: .2em 0 0;
}

tsaicoutic tranmorphersys berkata...
Teknik Buat Blog

yeyyy..brjaya jgak..toche2

Ida narlyna berkata...
Teknik Buat Blog

cane nak buat date kat tengah & atas entri pos kita macam awak punya ni

yahaya berkata...
Teknik Buat Blog

@Ida narlynasaya dah buat tutorial..tunggu..

islamic gladiators berkata...
Teknik Buat Blog

knpa sy buat icon nk kecik n bsarkn tu....xsama ngan awak punya....nie blog sy
http://hadriqlate.blogspot.com/

A.R.ROMZI berkata...
Teknik Buat Blog

CANTIK EH BLOG SI BRO AH...

MiZz RhApHuWnZheLL berkata...
Teknik Buat Blog

sorry sy mau penjelasan lagi . sorry taw. sy dah buat byk kali tapi asek tak betul aje .
bila da paste code n letak kn image. mesti bende neh ada.
We were unable to preview your template

Please correct the error below, and submit your template again.
Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: The value of attribute "src" associated with an element type "null" must not contain the '<' character.


Maff sy byk tnyee pulakk .
saya baru budak belajar ^^

yahaya berkata...
Teknik Buat Blog

@islamic gladiatorssaya minta maaf lambat menjawap komen,baru terbaca.saya x berapa faham dengan soalan..

yahaya berkata...
Teknik Buat Blog

@MiZz RhApHuWnZheLLada silap pada kod url cuba tgk contoh kod diatas saya highlightkan

syakilla natashah berkata...
Teknik Buat Blog

thnks~~ dah jadi dah~~

..........THE FABULOUS BOYZ........ berkata...
Teknik Buat Blog

salam......susahlah nak buat.....tolong saya.....

Irfan berkata...
Teknik Buat Blog

salam.....susahlah nak buat....tolong saya....

Sharienz Sz berkata...
Teknik Buat Blog

salam dah jadi tuto ni..
tp mslh nyer bila saya buat entri baru..
icon tu tak der dekat post tittle saya? napa? apa masalah dia..

intan shazeera zaki binti marzaki berkata...
Teknik Buat Blog

thanks suda jadi la :)