- Back to Home »
- Tutorial Blogger »
- Cara Membuat Readmore Berjalan di Blogger Baru
Posted by : Unknown
Sunday, January 15, 2012
Cara Membuat Readmore berjalan. Mungkin,bagi pemula blogger belum mengetahui caranya. Nah,mari simak panduan tata caranya berikut ini.
Cara Membuat Read More Berjalan dengan Efek Marquee di Blogger Baru :
- Login : Loginlah ke Blogger.
- Dasboard : Halaman Dasbor, KLIK "Tata Letak" dan teruskan dengan KLIK "Edit HTML".
- Edit HTML : Amankan Template terlebih dahulu supaya bila terjadi kesalahan yang mengakibatkan kerusakan/perubahan yang tak diinginkan , template bisa dikembalikan lagi ke keadaan semula.
- Lanjutkan dengan KLIK "Expand Widget Template".
- <data:post.jumpText/> : Cari kode html tersebut dengan menggunakan Ctrl + F. Untuk mengetahui cara cepat mencari kode html menggunakan Ctrl + F, Setelah ditemukan, hapus kode tersebut berikut kode di bagian atas dan bawahnya yang bentuknya seperti ini :
<a expr:href='data:post.url + "#more"' expr:title='data:post.title'> <data:post.jumpText/> </a>
Kode html Baru Read More Berjalan :
<marquee behavior='alternate' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' width='100%'> <a expr:href='data:post.url + "#more"' expr:title='data:post.title'> <img src='http://i964.photobucket.com/albums/ae124/gubhugreyot/button/ReadMoreAnima.gif' style='float:right;height:19px;width:98px;margin:15px 50px;border:1px solid #555;padding:2px;'/> </a> </marquee>
- SAVE Template: Jangan lupa KLIK "Simpan Template"
- Ganti Gambar Read More : Untuk mengganti gambar read more yang aku sertakan di kode html di atas, sampeyan bisa membuatnya sendiri menggunakan Adobe Photoshop dan Adobe ImageReady, atau memanfaatkan layanan gratis di beberapa alamat di bawah.
Untuk buat teks animasinya silahkan langsung klik link di bawah ini :
- CoolText :
http://cooltext.com - Flamingtext :
http://www.flamingtext.com - GRsites :
http://www.grsites.com