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;
- 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://antoncabon.blogspot.com">Miniboxlive</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
Atau jika tetap ga bisa jalan, anda dapat mencoba cara dibawah ini:
- masuk ke Tataletak >> Add Widget >> Javascript/HTML, masukan kode dibawah ini:
<marquee behavior="scroll" direction="up" height="200" scrollamount="2" width="auto">TULISAN YANG BERGERAK KE ATAS</marquee>Ganti : TULISAN YANG BERGERAK KE ATAS dengan teks anda.
Done !!!
DEMO:
restoran klasik...
BalasHapus