Animated Text adalah suatu tampilan animasi tulisan per karakter dengan warna yang berjalan dari kiri kekanan dan sebaliknya layaknya seperti marque tapi kalau marque akan menganimsi suatu teks atau kalimat dan untuk sesi ini yang akan kita animasi adalah karakternya. Pasti anda merasa bingung akan penjelasan sayakan? padahal saya juga bingung sama penjelasan saya sendiri HeHeHe, Oke deh langsung aja penerapannya aja dari pada bingung bahas penjelasannya. Contohnya ada disini.
Langkah-langkahnya sbb :
1. Login ke blogger
2. Layout --> Edit HTML
3. Backup dahulu --> Download Full Template
4. Setelah itu Download File ini --> animasi text
5. Kemudian cari kode --> <HEAD>
6. Pastekan hasil download animasi_text dibawahnya --> <HEAD>
<HEAD>
.
.
.
kode script animasi_text
.
.
.
7. Selanjutnya cari kode --> <BODY> dan copy kode dibawah ini dibawahnya <BODY> :
<BODY>
<BODY onLoad="animate('animate', '#FFFFFF');">
<SCRIPT language="JavaScript">
animate('animate', '#FFFFFF');
</SCRIPT>
8. Kemudian gimana penerapannya dalam tulisan animasi? Begini setiap tulisan yang akan di animasi kita beri tanda <span id="animate">.....</span>
contoh : Tanpa animasi..... <SPAN ID="animate">penggunaan teks animasi</SPAN> .....lanjutan yang tidak dianimasi
Maka hasilnya akan seperti contoh diatas.
9. Lihat dahulu hasilnya, kalau jalan --> save template.
n/b : Apabila tidak mau repot, untuk penerapan langsung; langkah nomer 4 dan nomer 7 bisa langsung digabung, kemudian tuangkan ke dalam artikel atau HTML/Javascript.
Tidak ada komentar:
Posting Komentar