Cara Pasang Read More Animasi

Setelah beberapa bulan ini vakum ngeblog,blog-triks akhirnya bisa kembali menghirup segarnya udara dunia blog.Dan kali ini,sesuai dengan judulnya, blog-triks 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..CEKIDOT 

 

 Silahkan langsung KLIK saja alamat-alamat di bawah ini :

• CoolText :
  http://cooltext.com
• Flamingtext :
  http://www.flamingtext.com
• GRsites :
  http://www.grsites.com

>> Cara membuat dan memasang read more animasi :

Gambar/animasi Read More : Buat gambar atau gambar animasi yang bertuliskan read more dan sejenisnya menggunakan software atau memanfaatkan layanan gratis di atas.
Upload : Upload Gambar read more ke file hosting, untuk di ambil URL gambarnya.

• http://tinypic.com
• http://photobucket.com
• http://img192.imageshack.us
• http://picasaweb.google.co.id

>> KODE Read More : Cari Kode yang sudah sampeyan gunakan sebagai Read More. Kodenya    seperti contoh di bawah ini : 

 

<a expr:href='data:post.url'>Read More..</a> 

 

>> Ganti Read More ... dengan kode html sbb : 

 

<img style="float:right;height:40px;width:150px;padding:2px; border:2px solid grey;background:#333;margin:15px 50px;" src="http://..../..../images/readmore.jpg"/>

 

 atau bila ingin tampil polos tanpa border : 

 

<img style="float:right;height:40px;width:150px;margin:15px 50px;" src="http://..../..../images/readmore.jpg"/> 

 

Simpan...

 

Bagi teman-teman yang blognya belum pake readmore,buat readmore dulu disini

Kalo sobat belum punya gambar ini aku sediakan:

http://s6.tinypic.com/eafgvd_th/gubhugreyot/images/readmore-anima-2.gif

http://i46.tinypic.com/33be9vp/gubhugreyot/images/readmore-anima-1.gif.

http://i496.photobucket.com/albums/rr329/grandisyf/th_button-green-f.gif

http://i496.photobucket.com/albums/rr329/grandisyf/th_arrow-readmore.gif

http://i496.photobucket.com/albums/rr329/grandisyf/th_more.gif

http://i496.photobucket.com/albums/rr329/grandisyf/Read-more-3_grandis.gif

http://i496.photobucket.com/albums/rr329/grandisyf/th_Readmore3.gif

Related Post: