r00t »» »» Ganti tulisan readmore dengan image

Ganti tulisan readmore dengan image

by LolidsOfficialBlog | | | 0 komentar »


Read more atau baca selanjutnya atau yang lain. bisa ditampilkan lebih menarik lagi lho caranya dengan menggantikannya dengan gambar. Gambar yang di pakai tentu saja harus yang menampilkan tulisan read more, bertujuan agar pengunjung tidak mengalami kesulitan saat akan membaca kelajutan dari artikel anda.
bahan-bahan diperlukan cuma sebuah image 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://i621.photobucket.com/albums/tt292/lolids/readmorebutton.jpg

Selanjutnya tambah kode agar image tersebut bisa tampilakan seperti dibawah ini :


<img src="http://i621.photobucket.com/albums/tt292/lolids/readmorebutton.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 berbeda istilah ada yang : "baca selengkapnya", "untuk melanjutkan baca klik disini" atau kata-kata lainnya yang semacam itulah ) kalo belum ada berarti anda harus buat readmore terlebih dahulu .


Kode tersebut kira-kira seperti ini :
<p><data:post.body/></p>
<a expr:href='data:post.url'><strong>Selengkapnya klik disini...</strong></a>
</b:if>

* Gantilah kalimat Selengkapnya klik disini dengan image yang telah disiapkan diatas, sehingga menjadi seperti ini :

<p><data:post.body/></p>
<a expr:href='data:post.url'><strong><img src="http://i621.photobucket.com/albums/ tt292/lolids/readmorebutton.jpg"/></strong></a></b:if>

* Setelah selesai klik Tombol Simpan template.
* Lihat Read more baru pada blog anda.
* Selamat mencoba , semoga bermanfaat...ya.. anda Bingung saya juga he..he.


NOte : Anda dapat merubah image sesukanya langkah2nya seperti yg diPosting di atas.

regards.





Article information: Description: Ganti tulisan readmore dengan image Rating: 4.5 - Reviewer: LolidsOfficialBlog - ItemReviewed: Ganti tulisan readmore dengan image


Related Tips, Tricks and Tutorials :



0 komentar Post :
Ganti tulisan readmore dengan image


NOTE:
Follow me ON Facebook , Twitter or

Blog ini adalah Blog DoFollow dengan PageRank Free PageRank Checker, sobat akan mendapatkan Backlink untuk BLOG anda dengan berkomentar di Blog ini. Jangan ada komentar Spam, Please!!.

"Jika Menemukan LINK yg Tidak bisa di akses pada BLOG ini!, silahkan beritahu kepada kami melalui Komentar, Form, etc . sesegera mungkin kami akan memperbaikinya. Terimakasih"




Post a Comment

Next Prev Home