Menampilkan Gambar di Judul Postingan

Image dalam judul postingan sedikit membuat tampilan blog kita lebih menarik dan lebih cantik nah untuk membuat gambar atau image tampil dijudul postingan seperti pada screenshoot pada blog saya dibawah ini silakan ikuti langkah-langkah berikut ini:

1. langkah pertama adalah membuat image yang anda inginkan atau bisa juga ambil image yang sudah ada
2. Upload gambar tersebut di photobucket.com untuk mendapatkan URL image anda bagi yang belum tahu cara uploadnya silakan lihat kembali postingan saya sebelumnya tentang upload fhotobucket.com
3. anda akan mendapatkan URL image anda seperti contoh URL image saya

http://i383.photobucket.com/albums/oo276/0512_photo/images.jpg

4.setelah itu buat kode berikut

<img src="http://i383.photobucket.com/albums/oo276/0512_photo/images.jpg" width="45" hight="45" border="0"></img>

angka "45" merupakan ukuran image anda, silakan ganti angka tersebut sesuai keinginan anda

Untuk memasukkan image ke judul postingan silakan ikuti langkah-langkah sebagai berikut:

1.Menu Layout-->Edit HTML-->jangan lupa klik "Expand Widget Templates"

2.silakan anda cari kode dibawah ini

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

3. kemudian sisipkan kode yang kita buat sebelumnya (kode pada no.4) menggantikan kata sisipkan kode

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

4.Save Template

5. Silakan View Blog

Selamat Mencoba dan semoga berhasil!!!

Tweet

Berita Populer Lainnya