Monday, March 18, 2013

Cara Membuat Running Title Pada Dokumen HTML

Cara Membuat Running Title Pada Dokumen HTML

Pada posting sebelumnya saya share 'Cara Membuat Link Pelangi Pada Dokumen HTML', sekarang saya lanjutkan dengan share 'Cara Membuat Running Title Pada Dokumen HTML'.

Running Title adalah sebuah title (judul) dari sebuah dokumen HTML yang dikombinasikan dengan penggunaan javascript sehingga dapat menampilkan sebuah title dengan efek scroll (title berjalan). Title dari dokumen HTML itu sendiri dapat kita lihat pada tab browser seperti Internet Explorer, Modzila Firefox, Google Chrome, dsb.

Baiklah berikut ini cara membuat Running Title pada sebuah dokumen HTML.


Langkah-langkah:

Cara Membuat Running Title Pada Dokumen HTML:

  1. Jalankan aplikasi text editor seperti 'notepad' untuk menulis sebuah dokumen HTML. Mungkin notepad bawaan windows kurang begitu menarik, solusinya Anda dapat menggunakan aplikasi notepad++ yang dapat Anda download di sini.

  2. Penting! simpan dokumen HTML dengan format 'Nama_File.html' tanpa tanda kutip, kemudian pada 'Save as type' Anda pilih 'All files' agar dokumen yang Anda simpan menjadi dokumen HTML bukan dokumen text biasa.

  3. Sekarang mari kita mulai untuk membuat Running Title pada dokumen HTML seperti pada kotak di bawah ini.

  4. Script Code:
    <!DOCTYPE html>

    <html>

    <head>
    <title> Cara Membuat Running Title Pada Dokumen HTML </title>

    <script language="JavaScript" type="text/javascript">
    var txt = " Welcome To Amirabella-Zone .::. ";
    var speed = 250;
    var refresh = null;
    function move() {
    document.title=txt;
    txt=txt.substring(1,txt.length)+txt.charAt(0);
    refresh=setTimeout("move()",speed);}
    move();
    </script>

    </head>

    <body>

    </body>
    </html>

    Keterangan

    1. Sisipkan JavaScript Running Title di atas tag </head> seperti pada code di atas, ganti 'Welcome To Amirabella-Zone' dengan Title yang Anda kehendaki.
    2. Ganti angka '250' dengan value yang Anda kehendaki (semakin kecil angkanya kecepatan efek scrollnya semakin cepat).
    3. Silahkan download contoh file HTML Running Title pada Link Di bawah ini.

    Download Example Here


Nb. Silahkan beri feed back pada kotak komentar di bawah!


Bagikan posting ini di:
Comments
0 Comments

0 comments:

Post a Comment

 
Related Posts Amirabella-Zone