Membuat sebuah read more animasi tidaklah sulit karena gambar animasi yang kita harus gunakan bisa kita peroleh dengan memanfaatkan layanan gratis di beberapa situs yang menyediakan pembuatan teks animasi maupun button read more yang bisa kita manfaatkan tanpa perlu susah payah membuat menggunakan software animasi. Tentu saja jika kita hanya memanfaatkan layanan ini maka hasil yang kita dapatkan tak akan seperti halnya jika kita membuatnya sendiri dengan Adobe PhotoShop dan Adobe ImageReady ataupun GIF Animation Software yang lain. Meskipun demikian untuk sebuah tampilan read more bisa dikatakan sudah cukup memadai.
Langkah untuk membuat dan memasang Read More Animasi :
1. Login : Lakukan login ke Blogger terlebih dahulu.
2. Tata Letak : Setelah masuk di halaman Dasbor, silahkan KLIK “Tata Letak”, kemudian lanjutkan dengan KLIK “Edit HTML”.
3. Amankan Template : Lakukan pengamanan terlebih dahulu terhadap template sampeyan. Langkah pengamanan dilakukan untuk menjaga kerusakan desain blog apabila terjadi kesalahan selama proses penambahan kode. Cara mengamankan template bisa sampeyan KLIK 
.
.4. Expand Template Widget : KLIK untuk membuka keseluruhan desain blog, sehingga seluruh kode html terlihat.
5. Cari kode di berikut :
<a expr:href=’data:post.url + “#more”‘ expr:title=’data:post.title’>
<data:post.jumpText/>
</a>
<data:post.jumpText/>
</a>
Untuk memudahkan pencarian, cari kode yang tengah terlebih dahulu (<data:post.jumpText/>), karena yang lain akan tepat berada di atas dan bawahnya. Gunakan Ctrl+F untuk mempercepat pencarian kode. Untuk mengetahui cara tercepat pencarian kode html, silahkan sampeyan KLIK .
.Ganti kode di yang sudah ditemukan dengan kode seperti di bawah ini :
<a expr:href=’data:post.url + “#more”‘ expr:title=’data:post.title’>
<img src=’http://i46.tinypic.com/4lmtyh/gubhugreyot/images/readmore-anima2.gif’ style=’float:right;height:49px;width:103px;margin:15px 50px;border:1px solid #555;padding:2px;’/>
</a>
<img src=’http://i46.tinypic.com/4lmtyh/gubhugreyot/images/readmore-anima2.gif’ style=’float:right;height:49px;width:103px;margin:15px 50px;border:1px solid #555;padding:2px;’/>
</a>
6. Simpan Template : KLIK “Simpan Template” kemudian coba buat sebuah posting dengan menggunakan read more. Atau mungkin ada posting sampeyan yang sudah menggunakan fungsi read more, jika sudah ada langsung sajadibuka untuk melihat hasilnya.
7. Beberapa alamat di bawah ini bisa kalian manfaatkan untuk membuat berbagai teks animasi yang mungkin sampeyan perlukan untuk membuat teks read more tersendiri yang berbeda dengan yang lain.
- CoolText :
http://cooltext.com - Flamingtext :
http://www.flamingtext.com - GRsites :
http://www.grsites.com
0 komentar:
Posting Komentar