Monday, January 12, 2015

Cara Membuat Teks dan Judul Bar Menjadi Berjalan pada Address Bar dengan Script Marquee

Teks Berjalan atau Marquee
Cara Membuat Judul Dapat Berjalan Pada Adress Bar Title
  1. Anda diharuskan Log-in dulu ke Blogger. Ataupun dengan link berikut ini Blogger
  2. Kemudian Jika anda sudah masuk ke Blogger milik anda, sekarang anda Klik Template --> Edit HTML
  3. Jika langkah diatas sudah maka langkah selanjutnya anda harus mencari kode berikut ini :

    <title><data:blog.pageTitle></title>

    Anda dapat mencari kode ini dengan menekan CTRL + F , biasanya ada pada bagian awal sebuah HTML
  4. Jika anda sudah menemukan kode tadi, langkah selanjutnya iyalah mengganti kode tadi dengan kode berikut ini :

    <script language='JavaScript'>
    var txt=" TEKS ANDA YANG NANTINYA AKAN DIBUAT BERJALAN ";
    var kecepatan=120;var segarkan=null;function bergerak() { document.title=txt;
    txt=txt.substring(1,txt.length)+txt.charAt(0)
    segarkan=setTimeout("bergerak()",kecepatan);)bergarak();
    </script>
  5. Jika anda sudah mengganti kode-Nya maka langkah terakhir iyalah anda menyimpan-nya dengan men-Klik Simpan Template
  6. Lihat hasilnya pada Pratinjau Template atau Langsung ke Blog anda.
NB:

Cara Membuat Teks Berjalan Pada Adress Bar Title
  1. Pertama kali anda harus masuk ke Blogger terlebih dahulu. Atau dengan link berikut ini Blogger
  2. Kemudian anda masuk pada bagian Dasboar Blogger anda kemudian Klik Template --> Edit HTML
  3. Salinlah kode HTML berikut ini (Letakkan Kode HTML ini dibawah Head) :

    <marque> TULISAN YANG AKAN ANDA BUAT BERJALAN</marque>
  4. Jika sudah anda tinggal menyimpan saja, dengan men-Klik Simpan Template atau Langsung ke Blog anda.
Berbagai Model dari Text Berjalan

  1. Kode Marquee untuk pengulangan Rotasi
    Ini Kode-nya :

    <marquee loop="6"> TEKS YANG NANTINYA AKAN DIBUAT BEROTASI 6 KALI</marquee>

  2. Hasilnya akan terlihat seperti ini..
    TEKS BEROTASI 6 KALI
  3. Kode Marquee untuk mengatur lebar teks
    Ini Kode-nya :

    <marquee width="50%"> TEKS DENGAN LEBAR 50%</marquee>

  4. Hasilnya akan terlihat seperti ini..
    TEKS DENGAN LEBAR 50% 

    Kode Marquee untuk memberikan link pada text
  5. Ini Kode-nya :

    <marquee direction="left"onmouseover="this.stop()" onmouseout="this.start()"><ahref="http://b3recipe.blogspot.com/2015/01/cara-membuat-teks-dan-judul-bar-menjadi.html"> Cara Membuat Teks dan Judul Bar Menjadi  Berjalan</a></marquee>

  6. Hasilnya akan terlihat seperti ini..
    Cara Membuat Teks dan Judul Bar Menjadi Berjalan






  • Kode Marquee untuk mengatur warna background pada jalur teks
    Ini Kode-nya :

    <marquee bgcolor="red">BACKGROUND TEKS BERWARNA MERAH</marquee>

  • Hasilnya akan terlihat seperti ini..
    Cara Membuat Teks dan Judul Bar Menjadi Berjalan









  • Kode Marquee untuk mengatur kecepatan jeda
    Ini Kode-nya :

    <marquee scrolldelay="999">TEKS BERJALAN DALAM JEDA 0,999 DETIK</marquee>
  • Kode Marquee untuk mengatur lebar teks
    Ini Kode-nya :

    <marquee width="50%"> TEKS DENGAN LEBAR 50%</marquee>












  • Kode Marquee untuk memberi Alt Title pada area teks berjalan
    Ini Kode-nya :

    <marquee title="TITLE PESAN TEKS BERJALAN ANDA>TEKS BERJALAN ANDA</marquee>
  • Kode Marquee untuk memberi arah pada teks
    Ini Kode-nya :

    <marquee direction="left">TEKS BERJALAN KE-KIRI</marquee>
  • Kode Marquee untuk berhenti jika dilintasi dengan mouse
    Ini Kode-nya :

    <marquee direction="left"onmouseover="this.stop() onmouseout="this.start()">TEKS BERGERAK KE-KIRI DAN AKAN BERHENTI JIKA DILINTASI DENGAN KURSOR PADA MOUSE</marquee>


  • Lorem ipsum is simply dummy text of the printing and typesetting industry.