Cara Membuat Efek Marque Pada Judul Blog

Efek marque yang biasa dikenal dengan efek berjalan atau teks berjalan ini sangat populer di kalangan blogger yang senang menghiasi blognya dengan bermacam-macam accesoris ataupun perhiasan yang lainnya.

Banyak blogger yang senang menghiasi blognya tapi lupa akan ukuran berat blognya. Sebagai blogger, kita juga harus mementingkan kenyamanan pengguna. Ga ada blogger yang membuat blog tapi cuman dibaca sendiri, posting, baca sendiri.

Kali ini kita akan menerapkan efek marque ini pada judul/title blog. Judul blog akan jadi keren jika menghiasi ini. Tulisannya akan kesana kemari tetapi tidak kacau. Jika masih bingung apa itu efek marque pada judul blog.

Nah bagaimana? Jika sobat berminat untuk membuatnya silahkan ikuti cara di bawah ini:
1. Login ke akun blogger sobat.
2. Pilih Rancangan, lalu klik Add a Gadget.
3. Pada window yang terbuka, pilih HTML/Javascript, lalu isikan kode berikut:

           <script type="text/javascript">
    //<![CDATA[

    var message = new Array() // leave this as is

    message[0] = "Welcome to DAW-XP";
    message[1] = "DAW-XP";
    message[2] = "daw-xp.blogspot.com";
    message[3] = "Berita";
    message[4] = "Cerita";
    message[5] = "Ilmu Pengetahuan";
    message[6] = "Tutorial Blog";
    var reps = 2

    var speed = 100

    var p=message.length;
    var T="";
    var C=0;
    var mC=0;
    var s=0;
    var sT=null;
    if(reps<1)reps=1;
    function doTheThing(){
    T=message[mC];
    A();}
    function A(){
    s++
    if(s>9){s=1}

    if(s==1){document.title='[P====] '+T+' [====P]'}
    if(s==2){document.title='[=U===] '+T+' [===U=]'}
    if(s==3){document.title='[==T==] '+T+' [==T==]'}
    if(s==4){document.title='[===R=] '+T+' [=R===]'}
    if(s==5){document.title='[====>A] '+T+' [A<====]'}
    if(s==6){document.title='[===I=] '+T+' [=I===]'}
    if(s==7){document.title='[==T==] '+T+' [==T==]'}
    if(C<(8*reps)){
    sT=setTimeout("A()",speed);
    C++
    }else{
    C=0;
    s=0;
    mC++
    if(mC>p-1)mC=0;
    sT=null;
    doTheThing();}}
    doTheThing();
    //]]>

    </script>

4. Save, lalu lihat hasilnya. SEMOGA BERMANFAAT

Tinggalkan komentar Anda, jika artikel ini membantu Anda.!!