Pages

▼

Tuesday, July 24, 2012

Kumpulan Trik Pasang Marquee Berbagai Arah Di Blog

Kumpulan Cara Pasang Marquee Dari Bermacam Arah



Antara Lain :

TEKS BERGERAK DARI KANAN KE KIRI
TEKS BERGERAK DARI ATAS KE BAWAH
TEKS BERGERAK BOLAK BALIK
TEKS BERHENTI BERGERAK TERSENTUH MOUSE
TEKS BERGERAK ZIG-ZAG

tulisan bergerak (Marquee) biasanya menggunakan kode dasar html tertentu. Banyak bentuk tulisan bergerak (Marquee) yang bisa ditampilkan. Untuk lebih jelasnya, ikuti uraian berikut ini:
  • Silahkan Login di Blogger
  • Masukkan ID dan Password anda.
  • Pada Dasbor klik Rancangan
  • Pada Elemen Laman klik Tambah Gadget
  • Pada Tambahkan Gadget Pilih HTML/JavaScript
  • Isi Judul yang anda suka atau di kosongkan saja
  • Pada Konten, isi dengan kode salah satu kode marquee yang anda inginkan di bawah ini:
TEKS BERGERAK DARI KIRI KE KANAN


<marquee behavior="scroll" direction="right" height="25" scrollamount="3" width="auto">Teks bergerak dari kiri ke kanan</marquee>
 

Hasilnya:
joglio.blogspot.com

TEKS BERGERAK DARI KANAN KE KIRI
Kodenya:


 <marquee behavior="scroll" direction="left" height="25" scrollamount="3" width="auto">Teks bergerak dari kanan ke kiri</marquee>


Hasilnya:

joglio.blogspot.com

TEKS BERGERAK DARI ATAS KE BAWAH
Kodenya:

<marquee behavior="scroll" direction="down" height="100" scrollamount="2" width="auto">Teks bergerak dari bawah ke atas</marquee>

Hasilnya:

joglio.blogspot.com

TEKS BERGERAK DARI BAWAH KE ATAS
Kodenya:

<marquee behavior="scroll" direction="up" height="100" scrollamount="2" width="auto">Teks bergerak dari bawah ke atas</marquee>


Hasilnya:

joglio.blogspot.com

TEKS BERGERAK BOLAK BALIK
Kode yang diperlukan adalah:

<marquee behavior="alternate" height="25" scrollamount="3">Teks bergerak bolak balik</marquee>

<marquee direction="up" scrollamount="2" align="center" behavior="alternate">Teks bergerak bolak balik</marquee>

 Hasilnya:
joglio.blogspot.com
joglio.blogspot.com


TEKS BERHENTI BERGERAK TERSENTUH MOUSE
Kodenya:

<marquee behavior="scroll" direction="right" height="25" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="3">Teks berhenti bergerak tersentuh mouse</marquee>

<marquee behavior="scroll" direction="left" height="25" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="3">Teks berhenti bergerak tersentuh mouse</marquee>

<marquee behavior="scroll" direction="down" height="100" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="3">Teks berhenti bergerak tersentuh mouse</marquee>

<marquee behavior="scroll" direction="up" height="100" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="3">Teks berhenti bergerak tersentuh mouse</marquee&gt;


Hasilnya:

Teks berhenti bergerak tersentuh mouse

Teks berhenti bergerak tersentuh mouse

Teks berhenti bergerak tersentuh mouse

Teks berhenti bergerak tersentuh mouse
TEKS BERGERAK ZIG-ZAG
Kodenya:

<center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right"> Tulisan Bergerak Zig-Zag 1 </marquee></marquee></center>

<center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right" behavior="alternate"> Tulisan Bergerak Zig-Zag 2 </marquee></marquee></center>


Hasilnya:





Tulisan Bergerak Zig-Zag 1






Tulisan Bergerak Zig-Zag 2



  • Setelah anda memilih salah satu bentuk marquee yang diinginkan, klik simpan.
  • Lihat hasilnya.


Keterangan:
  1. 1.direction="left/right/up/down" : Mengatur arah gerakan teks.
  2. 2.scrollamount="angka" : mengatur kecepatan gerakan dalam pixel, semakin besar angka semakin cepat gerakannya.
  3. 3.behavior="scroll/slide/alternate" : Untuk mengatur perilaku gerakan :
  4. 4.Scroll : teks bergerak berputar
  5. 5.Slide: teks bergerak sekali lalu berhenti
  6. 6.Alternate : teks bergerak bolak-balik dari kiri kekanan lalu balik lagi atau sebaliknya.
Artikel Unik dan menarik lainnya :

Membuat Teks Berjalan di Tab dan Navbar Atas




 Tab dan Navbar Atas, kalau belum tahu lihat contoh gambar dibawah ini:

dimulai dari :

1. Login dan buka Account Blogger anda Klik Tata Letak dan Edit HTML, lihat contoh gambar dibawah :

2. Beri tanda Chek pada Expand Template Widget
         
3. Copy Paste kode Java Script dibawah ini :

<script language='JavaScript'> var txt=&quot;. . : : Selamat Datang di joglio.blogspot.com, Terima Kasih Atas Kunjungannya , Jangan Lupa Komentarnyaa: : . .&quot;; var kecepatan=80;var segarkan=null;function bergerak() { document.title=txt; txt=txt.substring(1,txt.length)+txt.charAt(0); segarkan=setTimeout(&quot;bergerak()&quot;,kecepatan);}bergerak(); </script>

4. Letakan kode diatas seperti pada gambar 5. Klik Pratinjau untuk melihat apakah anda memasukannya dengan benar, apabila sudah benar dan teks yang berjalan sudah sesuai dengan yang kita inginkan ya..tunggu apa lagi tinggal di simpan aja lagi. Untuk menyesuaikan teks yang diinginkan ganti huruf yang berwarna merah, sedangkan untuk mengatur kecepatan ganti teks yang berwarna biru.




SEO


TUTORIAL BLOG


WIDGET


 TOOL BLOG

ARTIKEL LAINNYA :


TRIK WINDOWS============================


DESIGN========================================

INTERNET==================================

SECURITY======================================



EARN $==================================










at

No comments:

Post a Comment