Wednesday, January 14, 2009

Gambar Pada Judul Artikel

Akan lebih menarik jika ada gambar di sebuah artikel. Ini permintaan temen saya yang bernama Dani. Setelah Dani kirim email dan bertanya bagaimana cara pasang gambar pada judul artikel. OK, ini caranya :


* Carilah/buatlah sebuah gambar yang bergerak. Mungkin kamu sudah punya gambar tersebut.
* Upload gambar tersebut disini
* Kamu copy URL gambar tersebut, contoh :
http://i428.photobucket.com/albums/qq2/fandy_ooo/SpongeBob.gif
Kemudian tambahkan kode <img src="URL image">
Sehingga kodenya akan seperti ini :
<img src="http://i428.photobucket.com/albums/qq2/fandy_ooo/SpongeBob.gif">
4. Dan akan terlihat seperti ini :
Photobucket


1. Sign in ke blogger

2. Klik menu Layout

3. Klik menu Edit HTML

4. Klik tulisan Download Full Template

5. Silahkan save dulu template sobat, ini untuk back up data apabila terjadi kesalahan editting

6. Beri tanda centang pada kotak disamping tulisan Expand Widget Templates. Sekali lagi jangan lupa beri tanda centang, sebab kalau tidak, nanti tidak akan sesuai dengan langkah selanjutnya

7. Tunggu beberapa saat sampai proses selesai

8. Cari kode berikut pada template 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://i428.photobucket.com/albums/qq2/fandy_ooo/SpongeBob.gif" width="45" hight="45" border="0"></img> &nbsp;&nbsp;<data:post.title/></a>
<b:else/>

10. Klik tombol PREVIEW untuk melihat perubahan

11. bila sudah OK, klik tombol SAVE TEMPLATE

12. Selesai

0 komentar:

Post a Comment

Ikuti Blog Ini

Komentar Baru