bahan-bahan diperlukan cuma sebuah image seperti ini : atau seperti ini lalu uploadlah image tersebut ke situs penyimpanan online seperti http://photobucket.com.
Bentuk serta jenis file dari image silahkan anda berkreasi sendiri dengan penampilan yang anda sukai.
Setelah proses upload selesai, copylah URL image yang didapat dari proses upload tadi, contohnya dibawah ini :
http://i708.photobucket.com/albums/ww86/andiskapati/readmore1.jpgSelanjutnya tambah kode agar image tersebut bisa tampilakn seperti dibawah ini :
<img src="http://i708.photobucket.com/albums/ww86/andiskapati/readmore1.jpg" />Gambar akan terlihat seperti ini :
Kalo gambar sudah dipersiapkan, seterusnya anda melakukan langkah-langkah berikut :
* Masuk ke Blogger dengan ID anda.
* Pilih Tata Letak.
* Pilih Edit HTML.
* Kasih contreng pada kotak kecil disamping tulisan ini : Expand Template Widget.
* Back up template terlebih dahulu jika takut gagal.
* Cari kode read more pada template. (Pada sebagian template anda mungkin kata read more bebrbeda istilah ada : baca selengkapnya, untuk melanjutkan baca klik disini atau kata-kata lainnya yang semakna) kalo belum ada berarti anda harus buat readmore terlebih dahulu .
Kode tersebut kira-kira seperti ini :
<p><data:post.body/></p>* Gantilah kalimat Selengkapnya klik disini dengan image yang telah disiapkan diatas, sehingga menjadi seperti ini :
<a expr:href='data:post.url'><strong>Selengkapnya klik disini...</strong></a>
</b:if>
<p><data:post.body/></p>* Setelah selesai klik Tombol Simpan template.
<a expr:href='data:post.url'><strong><img src="http://i708.photobucket.com/albums/ww86/andiskapati/readmore1.jpg"/></strong></a>
</b:if>
* Lihat Read more baru pada blog anda.
* Selamat mencoba , semoga bermanfaat...!!
0 comments: