Menambah Gambar pada Judul Posting

Seringkali kita melihat di depan setiap judul dari artikel atau di depan judul posting terdapat sebuah gambar atau icon. Sebagian blogger memang memasang seperti ini untuk membuat blog kita agar lebih menarik. Untuk menyisipkan atau menambahkan gambar di depan judul posting ikutilah langkah-langkah sebagai berikut :

Pertama
Upload gambar anda, tentunya dengan ukuran yang sesuai dengan icon atau kebutuhan anda ke Image hosting (suatu web hosting yang digunakan untuk menyimpan gambar), bila anda telah mempunyai akun Image Hosting, apabila belum daftar dahulu missal ke www.photobucket.com
Setelah anda upload, ambil kode URL addressnya atau image link kodenya misalnya :

https://s26.postimg.cc/8jrmxv7ux/Pen.png

Lalu ubah kode tersebut menjadi seperti dibawah ini

<img src= ”https://s26.postimg.cc/8jrmxv7ux/Pen.png” width=”25” height=”25” border=”0” />

Dimana :
Width=”25” adalah lebar gambar sebesar 25 pixel
Height=”25” adalah tinggi gambar sebesar 25 pixel
Border=”0” adalah gambar tersebut tidak bergaris tepi

Kedua :
1. Sign ke blogger anda
2. Klik Tata Letak (Layout) di Menu Dashboard
3. Klik Edit HTML
4. Klik tanda centang pada Expand Widget Template
5. Cari kode seperti di bawah ini

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

6. Ubah kode tersebut dengan meletakkan Image Link kode yang telah     anda buat tadi diantara <a expr:href='data:post.url'> dan     <data:post.title/></a>
    <b:else/>
7. Sehingga kode tersebut menjadi seperti di bawah ini

<a expr:href='data:post.url'><img src=”https://s26.postimg.cc/8jrmxv7ux/Pen.png” width=”25” height=”25” border=”0” />
<data:post.title/></a>
<b:else/>

8. Kemudian Klik Save Template dan selesai

Selamat mencoba !!!!

Artikel Lain Yang Terkait :