Cara Memasukkan Gambar pada Jump Link atau Read More

Holla!

Masih mengenai desain blog dan dayang-dayangnya. Kali ini saya mau menunjukkan cara membuat jump link  dengan gambar atau tulisan yang kita buat sendiri di photoshop, misal gambarnya seperti di bawah ini. 

Gambar di atas merupakan karya photoshop *halah* dan sudah saya upload di media penyimpanan gambar photobucket. Nah, sekarang saya akan menaruhnya pada jump link yang sudah ada dan menggantinya dengan gambar tersebut. Di sini, saya memakai jump link secara manual (untuk caranya bisa dilihat di sini ). 

1. Siapkan gambar yang akan dimasukkan. Bisa gambar tulisan seperti yang saya buat di atas, atau     bisa gambar panah. *sesui selera*
2. Masuk ke blogger.com >> template >> Edit HTML
3. Cari kode ini  <data:post.jumpText/> dengan cara tekan CTRL+F pada keyboar kemudian search. 
4. Hapus kode tersebut <data:post.jumpText/> dan gantikan dengan kode ini <img src="http://i462.photobucket.com/albums/qq350/sheilawulan/readmoregambar.png"/>                                                                                                                                                                Keterangan:  Ganti warna biru dengan URL gambar yang sudah di upload.
5. Simpan.

Mudah bukan? Nah, untuk lebih jelasnya silakan tonton video di bawah ini :)

Ada pertanyaan? Silakan tinggalkan di kolom komentar :D