Kamis, 21 April 2011

Membuat Tulisan Read More menjadi Icon

Share this history on :
Share
Sebelumya saya pernah memposting tutorial tentang Membuat Readmore Otomatis. Nah pada kesempatan kali ini saya ingin melanjutkan tentang bagaimana cara merubah read more yang ada dengan icon..ikuti penelusurannya..

Read more icon ini khusus bagi anda yang telah menggunakan script read more pada blog anda.
Read more sendiri sangat membantu tampilan blog anda lebih simple karena posting yang di tampilkan tidak secara keseluruhan pada halaman utama blog sehingga para pengunjung blog tidak perlu menggulir mouse mereka untuk melihat halaman utama blog anda.

Silahkan anda gunakan beberapa Read More Icon di bawah ini, anda tinggal mengcopy url Read More Icon tersebut atau dengan cara klik kanan pada mouse, lalu pilih "copy image location"

 http://i622.photobucket.com/albums/tt309/kokobota/G3YM5x1267976206.gif

http://i622.photobucket.com/albums/tt309/kokobota/j4FIbe1267977517.gif

http://i56.tinypic.com/15etimq.gif
 http://i56.tinypic.com/15etimq.gif

http://i56.tinypic.com/14udj5v.gif
http://i56.tinypic.com/14udj5v.gif
http://i53.tinypic.com/2nicx6t.gif
 http://i53.tinypic.com/2nicx6t.gif

http://i55.tinypic.com/2jer3ly.png
 http://i55.tinypic.com/2jer3ly.png

http://i51.tinypic.com/zu4c4o.gif
 http://i51.tinypic.com/zu4c4o.gif


Cara Mengganti Read More Dengan Icon :

1. Log in dahulu ke account blogspot sobat.
2. KLik "Page Element" & Klik "Edit HTML"

Simpan dulu template sobat dengan cara mengklik link Download template lengkap.Untuk Berjaga-jaga apabila terjadi kesalahan dalam pemasangan script !!!

3. Cari kalimat yang anda gunakan untuk read more, misalnya anda mengunakan kalimat SILAHKAN LANJUTKAN MEMBACA, BACA SELANJUTNYA, READ MORE, atau kalimat lainnya.

Gunakan tombol CTRL F pada keyboard anda, untuk memudahkan pencarian kalimat tersebut lalu enter.

4. Bila kalimat read more yang anda gunakan telah anda temukan,silahkan ganti kalima tersebut menjadi seperti ini :

 <img border="0" src="URL GAMBAR ANDA"/>

Contoh :

<img border="0" src="http://i622.photobucket.com/albums/tt309/kokobota/j4FIbe1267977517.gif"/>

5. Simpan Lalu lihat hasilnya

Selamat Bereksperiment... (*)

0 komentar:

Posting Komentar