Memasang Icon Di Setiap Judul Posting

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

Hmmm, kiat mempercantik blog untuk kali ini ialah 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 d0wnl0ad template kamu. Kalau nggak di copy paste dulu template kau ke Notepad.

6. Cari aba-aba ini (pakai CTRL+F semoga gampang) :

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

7. Sisipkan aba-aba 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 dapat 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 dapat diganti sama URL gambar/ emoticon/ animasi kalian.

8. Klik Save

9. Selesai.

Cara yang kedua :

Kalau nggak ada aba-aba 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.

Sumber :berbagai sumber

Sumber http://radirablog.blogspot.com

Share this post