web ini masih dalam tahap pengembangan jika nanti anda mengunjungi web ini dan apabila mengganggu kenyamanan anda kami dari phak management minta maff ketidak nyamanan anda itu dikarenakan web ini sedang melalakukan update

ucapan salam

Kamis, 14 Februari 2013

kumpulan trik pasang marquee berbagai arah di blog

Kamis, Februari 14, 2013    2 comments
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.

2 komentar:

judi bola mengatakan...

waow ternyata caranya mudah sekali bro

14 Februari 2013 pukul 23.32
Unknown mengatakan...

thank's yea bro dah berkunjung di my blog

20 Februari 2013 pukul 16.59

Posting Komentar

Langganan: Posting Komentar (Atom)

komentar client