Mengganti Tulisan Readmore Dengan Animasi

selamat pagi shobat bloger....
meski dengan ngantuk yang menerjang dan dingin yang menikam, saya tetap semangat untuk berbagi dengan shobat semuanya tentang apa yang saya dapatkan dari berbagai sumber dan tentunya dengan sedikit eksperiment lagi.

mungkin kita bosan melihat tulisan readmore/baca selengkapnya atau tulisan-tulisan lainnya yang sering kita temui dikalimat paling bawah dari sebuah artikel atau postingan pada suatu blog bahkan blog kita sendiri yang kalau kita klik akan menampilkan seluruh isi artikel atau postingan dalam sebuah blog. maka dari itu..(walah...). saya akan memberi tips yang sangat ringan untuk mengganti tulisan readmore yang saya maksud tadi di atas dengan gambar animasi/gif supaya lebih kren dan membuat gatal mouse untuk mengkliknya. hi,,hi,,hi,,

misalnya:
Informasi, adalah suatu istilah yang sangat dikenal oleh semua orang, perannya sangat besar dalam kehidupan manusia. bicara tentang informasi, tentunya tidak lepas dari media yang merupakan alat penyampaiannya readmore....
jadinya kayak gini:
Informasi, adalah suatu istilah yang sangat dikenal oleh semua orang, perannya sangat besar dalam kehidupan manusia. bicara tentang informasi, tentunya tidak lepas dari media yang merupakan alat penyampaiannya


o-key...
saya rasa cukup basa-basinya...
kalau tertarik, ikuti aja petunjuk dibawah ini:

1. masuk ke DASBOR->klik TATA LETAK->klik edit HTML
2. centang kotak kecil disebelah kiri "EXPAND TEMPLATE WIDGET"
3. oh ya....download lengkap dulu template shobat kalau perlu, untuk menghindari hal-hal yang tidak di inginkan saat proses pengeditan apabila terjadi kesalahan dan semacamnya.
4. lalu cari tulisan yang ingin anda ganti, semisalnya readmore dan semacamnya, tergantung kata apa yang shobat tulis saat memotong postingan. langsung cari aja code di bawah ini di kotak HTMLnya:

<a href="data:post.url">Readmore.</a>

5. kalau code diatas uda ketemu, ganti tulisaan warna merah di atas dengan code dibawah ini:

<img src="http://i589.photobucket.com/albums/ss332/syem_album/NEXT.gif" />

tulisan warna hijau di atas adalah url dari gambar yang shobat ingin pasang, kira-kira kyk gini hasilnya:

<a href="data:post.url"><img src="http://i589.photobucket.com/albums/ss332/syem_album/NEXT.gif" />.</a>

kalau urlnya mau di ganti silahkan. krn code tersebut saya gunakan untuk blog saya, tapi kalau mau di pakai gak apa-apa.

nah setelah semuanya dirasa uda benar. langsung klik simpan tempalte/sive template;
selesai deh...
mudah bukan!!
coba dilihat hasilnya, uda sesuai harapan atau malah tambah berantakan.... he..he..

selamat mencoba bagi yang pengen memasangnya...