Untuk postingan articles blog Oto Website kali ini saya akan membahas tentang Menambahkan Icon Gambar Pada Judul Postingan. Agar blog kita lebih cantik tidak ada salahnya jika kita mempercantik blog/situs kita dengan Menambahkan Icon Gambar Pada Judul Postingan. Untuk caranya juga gak sulit-sulit amat, alias gampang. Sebelumnya sobat harus memiliki icon gambar dulu, tapi kalo masih belum sempat ya tidak apa, karna saya sudah menyediakan icon gambar yang bisa sobat gunakan, tapi kalo kurang bagus ya maaf, hehehe . . .
Contoh Icon Gambar Pada Judul Postingan

Biar tidak terlalu menghabiskan banyak durasi, kalo begitu sekarang mari kita bahas caranya :

1. Masuk ke akun blogger sobat.

2. Pada Dasbor klick ➨ Rancangan ➨ Edit HTML.

3. Centang Expand Template Widget ➨ Backup dulu templatenya untuk mengantisipasi bila terjadi kesalahan.

4. Selanjut dalam Edit Template sobat cari kode :
<a expr:href='data:post.url'><data:post.title/></a>
Jika kesulitan mencarinya coba baca Cara Cepat Mencari Kode HTML.

5. Bila sudah ketemu sekarang sobat harus menyisipkan kode berikut ini di antara kode tadi :

<img border='0' src='URL GAMBAR'/>

6. Sehingga hasil penyisipan kodenya akan menjadi seperti ini :
<a expr:href='data:post.url'>
<img border='0' src='http://i1263.photobucket.com/albums/ii623/dek_rif/Icon/th_otowebsite.gif'/>
<data:post.title/></a>
7. Simpan template.

Keterangan :
Warna merah adalah url gambar sobat bisa menggantinya bila kurang suka, tidak di ganti juga tidak apa-apa.

Oke saya rasa cukup untuk kali ini, mudah-mudahan postingan kali ini bisa bermanfaat untuk sobat semua.

Bagaimana apakah sobat berhasil menerpkannya di blog sobat? silahkan tinggalkan tanggapan atau komentar sobat tentang postingan atau articles di atas!

Poskan Komentar Blogger Disqus

Catatan:
Untuk menyisipkan kode, gunakan tag <i rel="code">KODE ANDA...</i>
Kode yang panjang bisa menggunakan tag <i rel="pre">KODE PANJANG ANDA...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">JUDUL ANDA DI SINI...</b>
Untuk menciptakan efek tebal gunakan tag <b>TEKS ANDA DI SINI...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>TEKS ANDA DI SINI...</i>

Penting:
Jika Anda mengajukan pertanyaan klik 'Subscribe by email' link di bawah form komentar untuk mengetahui komentar balasan.

Khusus untuk membalas komentar disarankan menggunakan tombol balas/reply di samping komentar terkait dibandingkan menggunakan formulir komentar di bawah agar komunikasi lebih terstruktur.

Dilarang Meninggalkan Link Aktif, Link Aktif Terpaksa Akan Saya Hapus Dari Komentar.

NB: Jika ingin menuliskan kode pada komentar harap gunakan Tool untuk mengkonversi kode tersebut agar kode bisa muncul dan jelas atau gunakan tool dibawah "Konversi Kode di Sini!".

Konversi Kode di Sini! Daftar Member Aktif

 
Top