Cara Menambahkan Gambar pada Judul postingan

Kali ini Mata pena Gorontalo hanya ingin berbagi trik sederhana cara menambahkan gambar pada judul postingan.  Hal ini akan membuat blog kita akan terlihat lebih elegan. Setiap judul postingan akan ada gambar kecil di samping kiri judul yang akan mnyertai. Sedikit menmabah keunikan blog kamu. Jika perlu gambar itu bisa foto ukuran kecil kamu yang bagus.

Pada trik Cara Menambahkan Gambar pada Judul postingan ini hanya dapat membuat gambar atu foto yang sama pada setiap judul. Usahakan, Gambr itu tidak terlalu besar jadi judul font blog kamu.


1. Siapkan gambarmu

Contoh: 


2. Simpan gambar anda pada media penyimpana online free. Tujuannya aga kita bisa mengambil link gambar dari situ.
Contoh: <img src="http://www.submitexpress.com/includes/img/se-logo.jpg" width="5" height="2" />

3. Gantilah Warna merah di atas dengan gambar URL gambr kamu. Serta Sesuaikan ukuran gambar dengan mengganti angka diatas.

 4. Login dengan Akun Blogger
 5. Pergi ke Tata Letak Tab
 6. Klik Edit HTML
 7. Download Template Lengkap untuk  Back Up Data sebelum melakukan perubahan
  8. Carilah kode ini:

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

9. Letakkan kode yang di buat di atas dan letakkan antara gambar antara <a expr:href='data:post.url'> letakkan disini  <data:post.title/> </ a>

Contoh :
<a expr:href='data:post.url'>  <img src="http://www.submitexpress.com/includes/img/se-logo.jpg" width="5" height="2" /> <data:post.title/> </ a>

10. Simpan Template. Silahkan lihat hasilnya...!!

Demikian tutorial sederhana tentang Cara menambahkan gambar pada Judul postingan. Semoga bermanfaat..!! Amin..!

Tweet