Tuesday, 1 October 2013

Tulisan dengan Efek berjalan

     Tulisan dengan efek berjalan seperti diketik, Langsung saja nih gan.
Copy kode di bawah ini:

<br />
<br />
<div class="alert">
<b></b><br />
<div id="textDestination" style="background-color: red;">
<b><br /></b></div>
<b>
</b>  </div>
<br />
<br />





<script language="JavaScript">

var text="Selamat Datang di Blog ini Jangan Lupa Tinggalkan Komentar";

var delay=20;

var currentChar=1;

var destination="[none]";

function type()

{

//if (document.all)

{

var dest=document.getElementById(destination);

if (dest)// && dest.innerHTML)

{

dest.innerHTML=text.substr(0, currentChar)+"<blink>_</blink>";

currentChar++;

if (currentChar>text.length)

{

currentChar=1;

setTimeout("type()", 5000);

}

else

{

setTimeout("type()", delay);

}

}

}

}

function startTyping(textParam, delayParam, destinationParam)

{

text=textParam;

delay=delayParam;

currentChar=1;

destination=destinationParam;

type();

}

</script> <b><div 0px="" 12px="" arial="" color=" red" font:="" id="textDestination" margin:="" style="background-color: "red";"></div></b> <script language="JavaScript">

javascript:startTyping(text, 50, "textDestination");

</script>

Script di atas bisa dipasang di post dan juga di sidebar. Untuk di postingan, masukan dengan opsi html saat menulis.
 Sedangkan untuk  widget klik tata letak, pilih tambakan gadget dan pilih html/Java Script lalu klik simpan. Ganti tulisan yang" Selamat Datang di Blog Ini Jangan Lupa Tinggalkan Komentar" dengan teks yang kamu inginkan  contohnya seperti ini:






No comments:

Post a Comment