Hai my lovely reader(s)..
Aku akan berbagi cara untuk membuat tulisan dengan efek berjalan seperti sedang diketik.
Seperti ini nih..
Nah, tertarik??
Penasaran cara buatnya??
Yuk, langsung aja follow me!
- Copy kode HTML berikut ini.
<script language="JavaScript">Script di atas bisa dipasang di postingan maupun di sidebar. Untuk di postingan, silahkan klik HTML pada saat menulis postingan. Sedangkan untuk di sidebar, pilih Tata Letak kemudian klik Tambah Widget pilih HTML/JavaScript dan paste kan kode HTML di atas.
var text="Selamat Datang di Blog Saya, Jangan Lupa Baca & 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:="" ff0000="" font:="" id="textDestination" margin:="" style="background-color: none;"></div></b> <script language="JavaScript">
javascript:startTyping(text, 50, "textDestination");
</script>
Selamat Mencoba...
[credit: here!]
[credit: here!]
terimakasih sudah berkunjung, singgah lagi yaaa :)
BalasHapusthanks ya.. tuto nya berguna banget.. oh ya, aku tasya salken ya..
BalasHapus