Pasang gambar pada judul Artikel

Image. Kalau berbicara masalah image/gambar, memang sangat seru dan menyenangkan. Dengan adanya image maka blog kita akan tampil lebih menarik untuk di lihat,
seperti image Manchester united qu ini!!!

Ok sobat, biar ga terlalu banyak berimpropisasi, langsung saja pada topik bahasan. topik yang akan kita bicarakan saat ini yaitu memasang image/gambar pada judul artikel. Artikel ini saya buat bagi yang senang akan pernak-pernik gambar,bagi yang tidak senang, ya sebagai pengetahuan saja lah.

Untuk memasang sebuah image pada judul artikel, ada beberapa tahapan yang harus dilakukan, antara lain :

# Langkah pertama

Langkah pertama yang harus dilakukan adalah membuat image ataupun logo yang di inginkan. jika sobat mahir dalam program grafik & design semisal adobe photoshop ataupun coreldraw, ya tinggal buat saja yang nyentrik. Tapi kalau tidak bisa atau males bisa gunakan layanan di internet, ini sudah saya bahas pada artikel terdahulu, silahkan klik disini untuk membacanya kembali.

# Langkah kedua

langkah kedua yaitu sobat harus upload image atau logo tersebut, bisa ke blogger ataupun ke hosting lain. Misalkan saya biasa mengambil di google>> gambar!!

# Langkah ketiga

langkah ketiga adalah mengatur ukuran dari image tersebut agar sesuai dengan yang di inginkan, karena jika terlalu besar atau terlalu kecil maka tentu saja akan tidak enak dipandang mata.

Sebagaimana kita ketahui untuk membuat sebuah image bisa online maka kita tambahkan kode :



Sehingga kodenya akan jadi seperti ini :

<img src=”http://i162.photobucket.com/albums/t253/rohman24/kupu2.gif”>

Untuk mengubah size'a , kode'a seperti ini:

<img src=”http://i162.photobucket.com/albums/t253/rohman24/kupu2.gif” width=”45″ hight=”45″ border=”0″> </img>

Bagaimana sudah jelaskan cara merubah ukuran gambar? jika sudah, kita beranjak ke langkah selanjutnya.

# Langkah keempat

langkah keempat yaitu memasukan kode gambar yang sudah kita modifikasi tadi ke dalam kode template blog milik kita. Silahkan ikuti langkah-langkah berikut ini :

Untuk yang memakai template baru :

1. Sign in ke blogger dengan id sobat
2. Klik menu Template
3. Klik menu Edit HTML
4. Copy ‘n paste seluruh kode HTML ke dalam notepad, ini dimaksudkan untuk mengurangi resiko apabila terjadi kesalahan pada saat kita melakukan editting kode template
5. Cari kode berikut pada kode HTML sobat :

<a expr:href=’data:post.url’><data:post.title/></a>

<b:else/>

9. Sisipkan kode gambar yang kita miliki diantara kode :


<a expr:href=’data:post.url’> dan kode <data:post.title/></a>

<b:else/>

Sehingga bila di satukan kodenya menjadi :

<a expr:href=’data:post.url’> <img src=”http://i162.photobucket.com/albums/t253/rohman24/kupu2.gif” width=”45″ hight=”45″ border=”0″></img>   <data:post.title/></a>

<b:else/>

10. Klik tombol PREVIEW untuk melihat perubahan
11. bila sudah OK, klik tombol SAVE TEMPLATE
12. Selesai

Untuk melihat contoh template baru yang memakai image pada judul postingan, silahkan klik di sini :
Bagaimana sudah di coba? mudah-mudahan saja berhasil. Selamat mencoba !