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 Di Bawah 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>

Yang Perlu Kalian Rubah URL Berwarna Biru Atau Tetap Memakai URL itu juga tidak apa-apa.

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. Lalu Kalian  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. Okey,,Langsung Aja di Save.

Memasang Icon di Setiap Judul Posting 9out of 10 based on 10 ratings. 9 user reviews.