May 17, 2015

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

3 Comments:

  1. wah, mantap. barau tau kalau caranya begitu.... :)

    ReplyDelete
  2. Terima kasih tipsnya
    sangat bermanfaat
    Kalau di Wordpress juga bisa ya Nduk
    Salam hangat dari Surabaya

    ReplyDelete
  3. Kalau untuk blog platform wordpress gimana caranya?
    Makasih ya untuk ilmunya

    ReplyDelete

Komentar akan dimoderasi terlebih dahulu. Hanya memastikan semuanya terbaca :)

Usahakan berkomentar dengan Name/URL ya, biar bisa langsung BW balik saya ^^

Banner IDwebhost