Selamat malam agan-agan sekalian, kali ini saya akan berbagi trik membuat animasi scroll teks atau gambar berjalan naik keatas dan akan terlihat menarik, teks ini juga bisa dimanfaatkan untuk membuat link daftar isi yang bergerak ke atas dan tentunya akan lebih menarik jika daftar isi tidak bergerak atau statis; baiklah langsung saja ke tutornya;
Langkah2 membuat animasi scroll teks atau gambar naik ke atas;
- Silahkan agan gantik teks yang berwarna biru dengan teks atau gambar yang agan suka
- Untuk lebar dan tinggi silahkan agan sesuaikan sendiri, codenya ada di dalam spoiler
"Watch your thoughts; they become words. Watch your words; they become actions. Watch your actions; they become habits. Watch your habits; they become character. Watch your character; it becomes your destiny." LaoTzu
Langkah2 membuat animasi scroll teks atau gambar naik ke atas;
- Login ke dashboard blogger Anda
- Setelah itu pilih blog yang ingin anda tambahkan widget ini.
- Masuk ke menu Template >> Edit HTML, dan centang expand widget
- Backup dulu template anda sebelum melakukan editing.
- Setelah semua langkah diatas anda lakukan, letakkan kode berikut ini tepat dibawah <body>
Code:
- Save template
- Lalu masuk ke Tataletak >> Add Widget >> Javascript/HTML, masukan kode dibawah ini
<div id="backspace" onMouseover="copykecepatan=kecepatanpause" onMouseout="copykecepatan=kecepatan">
<div id="vjalan" style="position: absolute; width: 98%;">
<h4><a href="http://natureabg.blogspot.com">BACKSPACE</a></h4>
cara membuat teks/gambar bergerak ke atas
<h4>MySQL</h4>
MySQL adalah merupakan sistem manajemen database yang bersifat relational
<h4>PHP</h4>
PHP sebagai sebuah server-side embedded script language
</div>
</div>
- lalu Save
- Silahkan agan gantik teks yang berwarna biru dengan teks atau gambar yang agan suka
- Untuk lebar dan tinggi silahkan agan sesuaikan sendiri, codenya ada di dalam spoiler
SEMOGA BERMANFAAT YA
"Watch your thoughts; they become words. Watch your words; they become actions. Watch your actions; they become habits. Watch your habits; they become character. Watch your character; it becomes your destiny." LaoTzu
nice share
BalasHapusWahhh keren info nya...
BalasHapusSip, saya masih coba-coba :D
Siiippp TQ gan... Sama-sama mencoba ya...:D
BalasHapus