Tulisan Read More dengan Gambar

Belajar menghargai proses akan lebih baik!!!!



Tampilan indah untuk sebuah blog bagi para blogger tentu sangat menjadi idaman. Nah, postingan kali ini akan membahas tentang Read More…… Sobat pasti sudah tahu kan tentang Read More? Sudah pasti..... Klo belum, silahkan baca di sini! Read More ini bisa dipercantik dengan sebuah icon atau gambar yang bisa kita buat sendiri dengan bantuan Photoshop, Corel Draw, atau desain grafis lainnya. Silahkan tentukan sendiri.

Langkah-langkahnya sebagai berikut:
Pertama, silahkan upload gambar yang telah Sobat buat, bisa di photobucket, picasa, atau penyimpanan gambar lainnya. Kemuadian copy url-nya dan simpan di notepad. Saya ambil contoh seperti ini:

http://lh5.ggpht.com/_QHwYXnLZsAc/TDhxl9KpDUI/AAAAAAAAAiI/ROnharMAFMA/red%20copy.png

Setelah itu, login ke blogger.com. Buka akun Sobat, lalu pilih Tata Letak dan pilih Edit HTML. Jangan lupa centang Expand Widget. Carilah kode berikut:

<data:post.body></data:post.body>
<a expr:href="data:post.url" href=""><b>Read More...</b></a>

Setelah ketemu, ganti tulisan berwarna hijau di atas dengan alamat URL icon/gambar yang tadi sobat simpan pada notepad, sehingga hasilnya menjadi seperti ini:

<data:post.body></data:post.body>
<a expr:href="data:post.url" href="http://www.blogger.com/post-edit.g?blogID=8293359908287785364&amp;postID=5531725753219604158"><b><img src="http://lh5.ggpht.com/_QHwYXnLZsAc/TDhxl9KpDUI/AAAAAAAAAiI/ROnharMAFMA/red%20copy.png" /></b></a>

Langkah terakhir adalah klik Privew atau langsung di Save Template. Selesai!!! Selamat mencoba!!!
Loading.....