-->







Iklan

Cara membuat Teks widget bergerak

22 October 2015, October 22, 2015 WIB Last Updated 2015-10-22T15:57:29Z
Cara membuat teks berjalan atau bergerak , jika anda ingin membuat widget dengan informasi yang ingin di sampaikan dan mungkin banyak kata-katanya maka dengan tulisan berjalan akan bisa menghemat runag dalam situs anda.

dalam membuat tulisan berjalan di panduan ini saya berikan lengkap dengan tulisan berjalan dari kanan ke kiri atau sebaliknya , dari atas kebawah atau sebaliknya , teks atau tulisan berjalan bolak-balik , teks bergerak dengan zik-zak dan lainya , silahkan langsung di lihat masing-masing contohnya di bawah ini

Teks atau Tulisan berjalan bisa di lihat dalam contoh di bawah ini , juga bisa dilihat dalam demo nya di bawah ini

cara membuat tulisan berjalan di blog



Cara Membuat Teks Bergerak di Blog

1. Tulisan bergerak dari kanan ke kiri

 <marquee direction="left" scrollamount="2" align="center">Contoh Tulisan Berjalan jasa website ganti domain dll</marquee>

Hasilnya seperti di bawah ini :
Contoh Tulisan Berjalan jasa website ganti domain dll

2. Tulisan bergerak dari kiri ke kanan

<marquee direction="right" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan - Agen pulsa dan ppob arkaanreload1.blogspot.com </marquee>

Hasilnya tulisan berjalan nya akan seprti di bawah ini :

Contoh Tulisan Berjalan - Agen pulsa dan ppob arkaanreload1.blogspot.com

3. Teks bergerak bolak balik ( mondar - mandir ) dari kiri ke kanan

<marquee direction="left" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan - jasa pembuatan blog pulsa murah tlp 081399167240 </marquee>


Hasilnya tulisan berjalan nya akan seprti di bawah ini :

Contoh Tulisan Berjalan - jasa pembuatan blog pulsa murah tlp 081399167240

4. Teks bergerak bolak balik ( mondar - mandir ) dari kanan ke kiri

<marquee direction="right" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan - jasa pembuatan website / blog murah bbm 2bc17211</marquee>

Hasilnya tulisan berjalan nya akan seprti di bawah ini :

Contoh Tulisan Berjalan - jasa pembuatan website / blog murah bbm 2bc17211

5. Teks bergerak dari atas ke bawah

<marquee direction="down" scrollamount="2" align="center"> Contoh Tulisan Berjalan -jasa pembuatan blog untuk iklan produk</marquee>

Hasilnya tulisan berjalan nya akan seprti di bawah ini :

Contoh Tulisan Berjalan -jasa pembuatan blog untuk iklan produk

6. Teks bergerak dari bawah ke atas

<marquee direction="up" scrollamount="2" align="center"> Contoh Tulisan Berjalan - jasa website murah dan handal </marquee>


Hasilnya tulisan berjalan nya akan seprti di bawah ini :

Contoh Tulisan Berjalan - jasa website murah dan handal

7. Teks bergerak mondar mandir dari atas ke bawah

<marquee direction="up" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan - panduan blogger dari jasa desain website </marquee>


Hasilnya tulisan berjalan nya akan seprti di bawah ini :

Contoh Tulisan Berjalan - panduan blogger dari jasa desain website

8. Teks bergerak zig - zag ( diagonal ) memantul

<center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right" behavior="alternate"> Contoh Tulisan Berjalan - jasa bikin blog murah dan akurat</marquee></marquee></center>


Hasilnya tulisan berjalan nya akan seprti di bawah ini :

Contoh Tulisan Berjalan jasa bikin blog murah dan akurat

9. Teks bergerak zig - zag ( diagonal ) tembus

<center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right"> Contoh Tulisan Berjalan - spesialis pembuat blog pulsa </marquee></marquee></center>


Hasilnya tulisan berjalan nya akan seprti di bawah ini :

Contoh Tulisan Berjalan - spesialis pembuat blog pulsa



Cara memasang tulisan / teks berjalan/bergerak :
1. Buka blog www.blogger.com lalu login ke akun blog masing-masing
2. Klik rancangan / desain
3.pilih tata letak lalu pilih/klik tambah gadget dan pilih gadged HTML/Javascript
4. lalu pilih kode di atas (kode tek bergeraknya sesuai yang anda inginkan ) dan masukkan kode tersebut ke gadged html/javascript
5.kemudian klik save/simpan gadgednya.
6.selesai.

Keterangan :
  • Direction berguna untuk : untuk mengatur pola gerakan teks (left, right, up dan down)
  • Scrollamount berguna untuk : untuk mengatur kecepatan gerakan teks. Naikkan angkanya ( dari 2 menjadi 3 ) untuk mempercepat gerakan dan sebaliknya.
  • Behavior ( scroll/slide/alternate ) berguna untuk : untuk mengatur prilaku gerakan.
Untuk menambahkan background, padding, border, color, dll pada kode tek bergerak tersebut/marquee, silahkan sisipkan kode marquee antara kode berikut ini :

Contoh :

Contoh Tulisan Berjalan - tempat membuat blog agen pulsa


Untuk menyisipkan link pada marquee / tulisan berjalan/bergerak gunakan kode seperti di bawah ini:

<div style="background: #FFFFFF; border: 2px solid #000000; color: black; font-size: 20px; font-weight: bold; letter-spacing: 0.2em; padding: 15px;">
<marquee direction="left" scrollamount="6" align="center"><a href="http://www.jasa-website.web.id/2015/03/jasa-murah-pembuatan-website.html"/>Cara Membuat Teks Berjalan di Blog</a></marquee>
</div>

Keterangan :
ganti tulisan yang berwana hijau dengan Url yang di inginkan.

hasilnya seperti di bawah ini :



Cara lain untuk menggunakan link di marquee/teks berjalan/bergerak , caranya seperti di bawah ini :

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="http://www.jasa-website.web.id/2015/09/harga-jasa-pembuatan-website.html" target='_blank' width="100%" height="100" align="center">
<a href="http://www.jasa-website.web.id/2015/10/template-blogger-responsif.html" target='_blank'>template blogger responsif</a><br/>
<a href="http://www.jasa-website.web.id/2015/10/kumpulan-template-blogger-responsive.html" target='_blank'>Template blogger responsive</a><br/>
<a href="http://www.jasa-website.web.id/2015/10/jadwal-sim-stnk-keliling-jakarta-1-31.html" target='_blank'>jadwal sim keliling jakarta</a><br/>
</marquee>

Keterangan :
kode yang warna pink adalah perintah pada teks untuk terhenti ketika di lewati pointer

Hasilnya akan seperti di bawah ini :

template blogger responsif
Template blogger responsive
jadwal sim keliling jakarta


Selamat mencoba semoga membuat teks berjalan atau bergerak di blog/website masing-masing bisa menambah keunikan.
Komentar

Tampilkan

No comments:

Post a Comment

Terimakasih sudah mengunjungi jasa setting Website / Jasa Pembuatan Website , jasa setting website www.jasa-website.web.id - dan mau berkontribusi , semoga bermanfaat , kontak TLP / WA 081399167240

Komputer

+