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:

Tutorial Blogger

• Membuat Daftar Isi Model Jquery Accordion
• Cara Compress Blogspot Yang Benar
• Add Url Blog ke Google Terbaru
• Mengetahui yang CoPas Artikel Kita
• Memasang Icon Pada Daftar Label
• Cara Merubah Cursor Pada Blog
• Cara Membuat Foto Efek Memutar-mutar Dan Membesar Saat Disorot Mouse
• Cara Membuat Kotak Area Dengan Efek Membesar Saat Disorot Mouse
• Cara Mudah Memasang Kotak Komentar Facebook Di Blog
• Cara Baru Melindungi Postingan dari Copy-Paste
• Membuat Menu Log In di Blogspot
• Cara Membuat Berbagai Macam Tombol Spoiler
• Menghilangkan Angka pada Label
• Membuat Fancy Cursor Di Blogger
• Merubah Warna Teks Saat Diblock Mouse
• Cara Membuat Efek Getar pada Gambar pada Blogger
• 3 Animasi Widget Twitter Follow yang Super keren
• Membuat Burung Twitter Di Blog
• Cara Mengecek Kecepatan Loading Blog
• Cara Menyisipkan Gambar Pada Judul Posting Blog
• Cara Membuat Efek Blur Pada Semua Gambar Yang Ada Di Blog Dengan Css
• Tips dan Trik Blog: Agar Title Blog Kita SEO Friendly
• Cara Membuat Dan Mempercantik Blockquote
• Cara Membuat Tab View Menu