Cara Menampilkan Icon Pada Judul Postingan

Cara Menampilkan Icon Pada Judul Postingan

Cara menampilkan, membuat, memasukkan atau menambahkan sebuah icon pada judul posting. Cara menampilkan icon pada judul postingan ini terinspirasi dari tulisan sobat DevBook.net dan setelah aku coba ternyata pelaksanaannya tergolong mudah. Sobat hanya perlu menyiapkan sebuah gambar berukuran kecil, dan melakukan pegeditan pada HTML template blog. Setelah itu maka akan didapat sebuah icon yang terpajang dalam setiap judul postingan sobat. adapun ukuran gambar yang diperlukan berkisar 16px atau kurang lebih sama seukuran dengan favicon blog. Berminat untuk mencobanya? mari kita mulai saja cara pembuatannya.

1.Log in kedalam dasbor blog

2.Pilih template

3.Pilih edit HTML

4.kotak expand template widget

5.Cari kode yang mirip atau mendekati seperti ini dalam template sobat, tekan F3 untuk mempermudah pencarian.

<a href="'data:post.url'"><data:post.title/></a>

 

6.Setelah menemukan kodenya, kemudian hapus dan ganti dengan kode berikut ini

<a expr:href='data:post.url'> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFCe_PZ2YOY8cy_yBZZQTbTMO0sCvsbAL7ZZJNg0bPpppnmMXDaPL-bePTg-IherwKrfTAe-xqKJUBHKs3Pvnx8BhLVGWdnFvuNPvHGNUqHvLlaTkf0-ISyZv_lNFc2mbvEo35ahdTiMKN/s1600/Recent+post01.png"/>&#160;<data:post.title/></a>

 

kode yang berwarna merah adalah alamat url gambar, gantilah dengan url gambar kepunyaan sobat sendiri.

7.klik pratampil untuk melihat hasilnya, jika sudah sesuai klik simpan perubahan pada template. Maka akan tampil sebuah icon pada judul postingan seperti pada gambar berikut ini




Demikianlah cara menampilkan icon pada judul postingan, semoga bermanfaat dan selamat mencoba.Baca juga Cara Menambahkan Icon/ Gambar Ke Dalam Judul Widget Bye-bye...