Wednesday, October 30, 2013

Cara Membuat Efek Ketikan [Tulisan Berjalan] di Blog

Tulisan berjalan dengan efek ketikan membuat blog menjadi dinamis dan lebih hidup. Blog terkesan tidak monoton dan membosankan.

Contoh tulisan berjalan seperti di bawah ini:

Nah, bagi anda yang ingin membuat efek seperti di atas, cukup memasang kode di bawah ini:

  • Untuk memasangnya di sidebar berikut kodenya. pastekan di java script anda

    <form name="news">
    <textarea name="news2" cols=50 rows=3 wrap=virtual></textarea>
    </form>
    <script language=JavaScript>
    //Visit http://putramelayu.web.id
    var newsText = new Array();
    newsText[0] = "بسم الله الرحمن الرحيم";

    newsText[1] = "Selamat Datang di laman www.putramelayu.web.id";
    newsText[2] = "Semoga Anda menemukan informasi yang dibutuhkan";
    newsText[3] = "Jangan Lupa meninggalkan komentar";
    newsText[4] = "Terima kasih telah berkunjung";
    newsText[5] = "http://putramelayu web.id";
    var ttloop = 1;    // Repeat forever? (1 = True; 0 = False)
    var tspeed = 50;   // Typing speed in milliseconds (larger number = slower)
    var tdelay = 1000; // Time delay between newsTexts in milliseconds
    // ------------- JANGAN DI EDIT DISINI ------------- \\
    var dwAText, cnews=0, eline=0, cchar=0, mxText;
    function doNews() {
    mxText = newsText.length - 1;
    dwAText = newsText[cnews];
    setTimeout("addChar()",1000)
    }
    function addNews() {
    cnews += 1;
    if (cnews <= mxText) {
    dwAText = newsText[cnews];
    if (dwAText.length != 0) {
    document.news.news2.value = "";
    eline = 0;
    setTimeout("addChar()",tspeed)
    }
    }
    }
    //Biarin aja
    function addChar() {
    if (eline!=1) {
    if (cchar != dwAText.length) {
    nmttxt = ""; for (var k=0; k<=cchar;k++) nmttxt += dwAText.charAt(k);
    document.news.news2.value = nmttxt;
    cchar += 1;
    if (cchar != dwAText.length) document.news.news2.value += "_";
    } else {
    cchar = 0;
    eline = 1;
    }
    if (mxText==cnews && eline!=0 && ttloop!=0) {
    cnews = 0; setTimeout("addNews()",tdelay);
    } else setTimeout("addChar()",tspeed);
    } else {
    setTimeout("addNews()",tdelay)
    }
    }
    doNews()
    </script>



  • Untuk memasangnya dipostingan anda hanya perlu masuk dalam mode HTML kemudian pastekan kode tadi dalam mode HTML.
Catatan: ganti tulisan yang berwarna hijau dengan kata-kata anda sendiri.
loading...

0 komentar:

Post a Comment

Artikel ini belum lengkap tanpa komentar anda!
Silahkan berkomentar yang santun dan cerdas, tidak menghina, tidak memaki dan tidak menyebar kebencian. Terima kasih