Cara Membuat Tulisan Seperti sedang di Ketik Di Blog
Pada postingan kali ini saya akan memberikan trik tentang Cara Membuat efek Tulisan Seperti sedang di Ketik.
Maksudnya adalah text yang di tulis seakan-akan seperti sedang di ketik
Kunjugi saja
Albyonline
Mau di blog anda ada tulisan seperti yang ada di atas, di bawah ini adalah scriptnya
<script language="JavaScript">
var text=" *...:::http://albyonline.blogspot.com/:::...*";
var delay=10;
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 id="textDestination" style="background-color: #ffffff; style=" font: 10px arial; color: #ff0000; margin: 0px;"></div></b>
<script language="JavaScript">
javascript:startTyping(text, 50, "textDestination");
var text=" *...:::http://albyonline.blogspot.com/:::...*";
var delay=10;
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 id="textDestination" style="background-color: #ffffff; style=" font: 10px arial; color: #ff0000; margin: 0px;"></div></b>
<script language="JavaScript">
javascript:startTyping(text, 50, "textDestination");
</script>
NB : Ganti tulisan yang berwarna kuning dengan teks yang anda inginkan
Demikian tutorial mengenai Cara Membuat Tulisan Seperti sedang di Ketik.
Selamat Mencoba Sahabat Bloger