Menambahkan icon gambar di samping judul posting pada blog agar mempercantik tampilan blog kakak dan teteh...
Terdapat 2 Cara untuk menambahkannya bisa melalui CSS dan HTML-nya, Rekomendasi info-cupu sich .. lewat CSS aja supaya bisa mengedit ukuran margin dan padding-nya :


Cara Pertama menambahkan icon gambar di samping judul posting (CSS) :
1. Login to Blogger kemudian pilih "Layout" atau "Rancangan"
2. Klik pada "Edit HTML" dan berikan tanda checklist "Expand Template Widget"
3. Cari Kode CSS berikut ini (biasakan menggunakan shortkey ctrl+f, untuk memudahkan pencarian karakter pada browser)

.post h3 {
margin:.5em 0;
padding:30px 0px 0px 45px;
font-size:120%;
font-weight:bold;
font-style:italic;
line-height:1.3em;
color:#333;}

tambahkan kode "background" , seperti contoh yang berwarna hijau :

.post h3 {
margin:.5em 0;
padding:30px 0px 0px 45px;
font-size:120%;
font-weight:bold;
font-style:italic;
line-height:1.3em;
color:#333;
background:url(http://URL-GAMBAR-ANDA) no-repeat left center; }

4. Simpan Template (rekomendasi info-cupu sich, pratinjau dulu.. supaya bisa mengetahui baik-buruk posisi iconnya)  

Untuk mengedit-nya.. kakak dan teteh cukup pelajari margin dan padding CSS

Perlu diketahui, bahwa tidak semua template sama kode CSS-nya,  kita harus bisa mengetahui kode css "judul Posting" !!


Cara Kedua menambahkan icon gambar di samping judul posting (HTML) :
1. Login to Blogger kemudian pilih "Layout" atau "Rancangan"
2. Klik pada "Edit HTML" dan berikan tanda checklist "Expand Template Widget"
3. Cari Kode CSS berikut ini (biasakan menggunakan shortkey ctrl+f, untuk memudahkan pencarian karakter pada browser)

<data:post.title/>

4. Setelah Mendapatkan kode di atas, tambahkan kode ini di samping / di atasnya

<img src="http://URL-GAMBAR-ANDA" width="40" hight="40" border="0" />

Ukuran bisa di sesuaikan !!

5. Simpan Template (rekomendasi info-cupu sich, pratinjau dulu.. supaya bisa mengetahui baik-buruk posisi iconnya)