membuat teks berjalan tidak lah sulit, animasi yang sederhana ini dapat menampilkan pergerakan teks dari atas kebawah atau sebaliknya, dan dari arah kanan ataupun sebaliknya.
ok mari kita langsung saja untuk membuat teks berjalan tersebut.
teks ini berdasar kode marquee sebagai kepala pemerintahnya.
langkah penerapanya adalah:
1. setelah anda Loggin di blog anda..masuk ke Rancangan
2. Edit laman/edit element
3. add Gadget dan pilih HTML/Javascrypt
4. paste kode pada contoh dibawah ini: ( penulisan konfigurasi pada edit html)
Contoh 1:
untuk teks biasa tanpa link tujuan:
cara penulisannya:
<marquee onmouseover="this.stop()" onmouseout="this.start()"
scrollamount="1" scrolldelay="60" direction="up" width="450" height="150">
TERIMA KASIH KARENA ANDA SUDAH BERKUNJUNG DI BLOG PROTONICA
</marquee>
sedang untuk teks berjalan yang disertai link tujuan ketika diklik teksnya adalah:
contoh 2:
Teks berjalan dengan menggunakan klik link tujuan:
cara penulisannya:
<marquee onmouseover="this.stop()" onmouseout="this.start()"
scrollamount="1" scrolldelay="60" direction="up" width="450" height="150">
<a href="http://protonicatv.blogspot.com">Protonica Tv</a><br/>
<a href="http://www.blogger.com">Blogger</a><br/>
<a href="http://www.facebook.com">Dan Facebooker</a>
</marquee>
kode di atas menggunakan teks
Protonica Tv dengan link klik tujuan: http://protonicatv.blogspot.com
Bloggerdengan link klik tujuan: http://www.blogger.com
Dan Facebookerdengan link klik tujuan: http://www.facebook.com"
link ini di isi pada:
<a href="link tujuan ">Teks Berjalan</a><br/>
Teks Berjalan
Untuk link tujuan /situs tujuan anda bisa menentukan sendiri
Sedangkan jenis lain teks berjalan menurut arahnya adalah sebagai berikut:
Contoh :
kode (berhenti saat mouse diatasnya):
penulisan HTML:
<marquee onmouseover="this.stop()" onmouseout="this.start()">Protonica Service Tv Dan Computer</marquee>
kode(dari kanan ke kiri):
Penulisan HTML :
<marquee direction="left">Protonica Service Tv Dan Computer</marquee>
kode(dari kiri ke kanan):
penulisan HTML:
<marquee direction="right">Protonica Service Tv Dan Computer</marquee>
kode (Rolling teks /bolak-balik):
Penulisan HTML:
<marquee behavior="alternate">Protonica Service Tv Dan Computer</marquee>
Teks berjalan dengan menggunakan kotak teks,border,radius corner dan gambar sebagai background:
Kode kotak teks:
<div style="overflow:hidden; padding:1px; width:285px; height:320px; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWLkM5T8_uK7tsrIRH2zqxBLmZ1iVrIZMxfXRfnmOnoR5Ic2ua3u-V9gmcpntu5nOmxVNo4RRwvS9a-WuD5vjOtvYnAEi4h9aYI451huK3m5Pv8q-9QCHx80W6zAS5bLAY5Zy2AN6yUeDh/s1600/ENTRY.jpg); border:0px solid #ccc;border-top-right-radius:55px;border-bottom-left-radius:55px">isi kode teks berjalan disini </div>
silahkan baca juga cara membuat sudut dengan rounded corner
Ok, mudah sekali bukan?..semoga dapat bermanfaat untuk anda.
ok mari kita langsung saja untuk membuat teks berjalan tersebut.
teks ini berdasar kode marquee sebagai kepala pemerintahnya.
langkah penerapanya adalah:
1. setelah anda Loggin di blog anda..masuk ke Rancangan
2. Edit laman/edit element
3. add Gadget dan pilih HTML/Javascrypt
4. paste kode pada contoh dibawah ini: ( penulisan konfigurasi pada edit html)
Contoh 1:
untuk teks biasa tanpa link tujuan:
cara penulisannya:
<marquee onmouseover="this.stop()" onmouseout="this.start()"
scrollamount="1" scrolldelay="60" direction="up" width="450" height="150">
TERIMA KASIH KARENA ANDA SUDAH BERKUNJUNG DI BLOG PROTONICA
</marquee>
sedang untuk teks berjalan yang disertai link tujuan ketika diklik teksnya adalah:
contoh 2:
Teks berjalan dengan menggunakan klik link tujuan:
cara penulisannya:
<marquee onmouseover="this.stop()" onmouseout="this.start()"
scrollamount="1" scrolldelay="60" direction="up" width="450" height="150">
<a href="http://protonicatv.blogspot.com">Protonica Tv</a><br/>
<a href="http://www.blogger.com">Blogger</a><br/>
<a href="http://www.facebook.com">Dan Facebooker</a>
</marquee>
kode di atas menggunakan teks
Protonica Tv dengan link klik tujuan: http://protonicatv.blogspot.com
Bloggerdengan link klik tujuan: http://www.blogger.com
Dan Facebookerdengan link klik tujuan: http://www.facebook.com"
link ini di isi pada:
<a href="link tujuan ">Teks Berjalan</a><br/>
Teks Berjalan
Untuk link tujuan /situs tujuan anda bisa menentukan sendiri
Sedangkan jenis lain teks berjalan menurut arahnya adalah sebagai berikut:
Contoh :
kode (berhenti saat mouse diatasnya):
penulisan HTML:
<marquee onmouseover="this.stop()" onmouseout="this.start()">Protonica Service Tv Dan Computer</marquee>
kode(dari kanan ke kiri):
Penulisan HTML :
<marquee direction="left">Protonica Service Tv Dan Computer</marquee>
kode(dari kiri ke kanan):
penulisan HTML:
<marquee direction="right">Protonica Service Tv Dan Computer</marquee>
kode (Rolling teks /bolak-balik):
Penulisan HTML:
<marquee behavior="alternate">Protonica Service Tv Dan Computer</marquee>
Teks berjalan dengan menggunakan kotak teks,border,radius corner dan gambar sebagai background:
Kode kotak teks:
<div style="overflow:hidden; padding:1px; width:285px; height:320px; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWLkM5T8_uK7tsrIRH2zqxBLmZ1iVrIZMxfXRfnmOnoR5Ic2ua3u-V9gmcpntu5nOmxVNo4RRwvS9a-WuD5vjOtvYnAEi4h9aYI451huK3m5Pv8q-9QCHx80W6zAS5bLAY5Zy2AN6yUeDh/s1600/ENTRY.jpg); border:0px solid #ccc;border-top-right-radius:55px;border-bottom-left-radius:55px">isi kode teks berjalan disini </div>
silahkan baca juga cara membuat sudut dengan rounded corner
Ok, mudah sekali bukan?..semoga dapat bermanfaat untuk anda.
No comments:
Post a Comment