Memasang Icon di Setiap Judul Posting

Setiap ngedit blogku, aku tuh selalu nge posting apa yang barusan aku lakuin supaya aku nggak susah-susah nyari di blog lain.

Hmmm, kiat mempercantik blog untuk kali ini adalah menambahkan gambar dalam bentuk icon, emoticon, maupun yang lainnya di setiap judul posting blog. Itu loo, icon di samping judul posting blog kita ::::

Cara yang pertama :

1. Sign in ke blog teman-teman

2. Klik Rancangan

3. Klik Edit Html

4. Centang Expand Widget Templates

5. Jangan lupa di download template kamu. Kalau nggak di copy paste dulu template kamu ke Notepad.

6. Cari kode ini (pakai CTRL+F biar gampang) :

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

7. Sisipkan kode url teman-teman, formatnya jadi gini :

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

<img border='0' src='http://i1196.photobucket.com/albums/aa406/radira_lla/Muach_Icon_Radira.gif'/>

<data:post.title/></a>

atau bisa juga gini :

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

<img border='0' hight='45' src='http://i1196.photobucket.com/albums/aa406/radira_lla/Muach_Icon_Radira.gif' width='45'/>

<data:post.title/></a>

*kode berwarna biru itu bisa diganti sama URL gambar/ emoticon/ animasi kalian.

8. Klik Save

9. Selesai.

Cara yang kedua :

Kalau nggak ada kode ini :

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

1. Teman-teman cari kode

.post h3

biasanya formatnya tuh gini

.post h3 {

margin:.5em 0;

padding:0px 0px 0px 0px;


font-size:140%;

font-weight:bold;

font-style:italic;

line-height:1.3em;

color:#333; 

2. ubah jadi gini

.post h3 {

background:url(http://i1196.photobucket.com/albums/aa406/radira_lla/Muach_Icon_Radira.gif) no-repeat;


margin:.5em 0;

padding:0px 0px 05px 30px;

font-size:140%;

font-weight:bold;

font-style:italic;

line-height:1.3em;

color:#333; 

*nilai paddingnya tolong diubah yaa...

3. Monggoh di Save.

Artikel Terkait: