Menambah Icon Sebelum Judul Posting

Blogging adalah salah satu cara untuk menyediakan informasi yang berharga bagi pengunjung. Untuk itu anda dapat menampilkan blog anda dengan tampilan yang menarik sehingga pengunjung suka terhadap isi konten anda. Jadi saya akan memberikan tips bagi anda untuk membuat tampilan blog anda lebih menarik. Tips ini yaitu menambahkan icon sebelum judul posting blog anda. Tentunya anda dapat membuatnya dengan mengedit kode HTML. Yuk belajar gimana caranya...

1. Cari gambar yang anda ingin tampilkan. Atur ukuran gambar sehingga ukurannya 50*50 piksel. kemudian upload gambar tersebut dan kopi link gambar.

2. Buatlah HTML code untuk gambar anda. Berikut ini masukan link anda yang diperoleh dari hasil upload gambar.

<img src="http://www.blogger.com/LINK%20TO%20YOUR%20IMAGE%20HERE" style="border-width: 0px;" />

3. Login ke blogger
4. Pilih Tata Letak dan klik edit HTML kemudian Expand Widget Template.
5. Carilah kode berikut ini <b:if cond='data:post.url'>

6. Tambahkan kode HTML yang anda kopi tadi diatas kode <b:if cond='data:post.url'> sehingga terlihat seperti ini

<b:if cond='data:post.url'>

<img src="http://www.blogger.com/LINK%20TO%20YOUR%20IMAGE%20HERE" style="border-width: 0px;" />

7. Simpanlah template anda.

Sekarang ini anda dapat melihat gambar beranimasi sebelum judul posting. Anda juga dapat menerapkan trick ini unttuk membuat keterangan sebelum judul posting. Selamat mencoba!!!

Posted in: