pada postingan kali ini saya
akan membahas tentang Bagaimana caranya membuat readmore animasi (kaya punyaku ini,hehe ).Aku tulis trik ini cos banyak temen-temen blogger yang menanyakannya lewat komentar dan shoutbox.Tak ingin mengecewakan sobat-sobat blogger aku,akhirnya lounching juga nih tutorial.Mau tau caranya? Ini dia caranya..CEKIDOTCaranya gampang kok 1. Dihalaman Edit HTML, ganti tulisan read more ato lainya yang sobat pake buat link baca selanjutnya dengan kode berikut style='float:right;padding-top:20px;'><img alt='read more' src="link gambar kamu"/>Contoh pada template saya : </script><a class='readmore' expr:href='data:post.url' >Read More.../></a> , Maka Sobat Ganti Tulisan yang Berwarna Biru Tersebut sehingga Menjadi seperti ini : </script><a class='readmore' expr:href='data:post.url' style='float:right;padding-top:20px;'><img alt='read more' src='http://i825.photobucket.com/albums/zz175/ngoeg/readmore.gif?imgmax=800'/></a>
Setelah itu Coba anda Pratinjau ,, jika tidak ada masalah silakan anda SIMPAN TEMPLATE ....
Kalo pengen gambar ReadMore yang lain klik http://photobucket.com/images/readmore/ Untuk jenis template yang berasal dari pihak ke-tiga, biasanya fasilitas ini tidak berfungsi. Tapi jangan khawatir kita bisa mengedit template tersebut dengan menambah sedikit kode HTML.Berikut Caranya:1. Login ke blogger2. Pilih tab rancangan dan klik edit HTML3. Cari kode :<div ...........
<b:if cond='data:post.hasJumpLink'> <div class='jump-link'>
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if >
</div>
4. untuk cara mencarinya : Tekan CTRL+F kemudian masukan kode <b:if cond='data:post.hasJumpLink'>5. Jika Sudah ketemu maka Hapus kode Tersebut ...
6. Kemudian ikutin langkah yg pertama tadi ....