Assalamuallaikum ^_^
apa kabar sobat ?
semoga baik baik saja
kali ini saya mau berbagi gimana caranya membuat tulisan berjalan seperti di ketik ^_^
karna request dari salah satu temen saya :)
hehe
kalian juga kalau mau request langsung aja komen atau bisa lewat fb :D
hahah langsung saja
kira kira kodenya seperti ini
<script language="JavaScript">
var text="Isi dengan kata kata ente";
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>
Script di atas bisa dipasang di post dan juga di sidebar. Untuk di postingan, masukan dengan opsi HTML saat menulis. Sedangkan untuk sebagai widget bisa dengan saat di tata letak, pilih tambakan gadget dan pilih HTML/Java Script. Ganti tulisan yang berwarna merah dengan teks yang kamu inginkan
edit edit aja sesuai kalian
disini saya coba edit dengan kata kata galau :3
ahahahah
langsung saja
<head>
<meta charset='utf-8'/>
<title>Hacked by Cyberpassnet</title>
<link rel='shortcut icon' href='http://cyberpassnet.hol.es/favicon.ico'/>
<meta contact='http://www.facebok.com/progarcia22'/>
<style type='text/css' media='screen'>
body{
background-image:url('http://i.imgur.com/gj9K3uv.jpg');
background-color: #000000;
background-repeat:no-repeat;
background-attachment:fixed;
background-position:right bottom;
font-family: Bradley Hand ITC;
font-size: 27px;
}
</style>
<style type="text/css"> @media print { body { display:none } } </style>
<script type="text/javascript">
function clickExplorer() {
if( document.all ) {
alert('This is a copyrighted material! Please contact Reza Shadow);
}
return false;
}
function clickOther(e) {
if( document.layers || ( document.getElementById && !document.all ) ) {
if ( e.which == 2 || e.which == 3 ) {
alert('This is a copyrighted material! Please contact Reza Shadow');
return false;
}
}
}
if( document.layers ) {
document.captureEvents( Event.MOUSEDOWN );
document.onmousedown=clickOther;
}
else {
document.onmouseup = clickOther;
document.oncontextmenu = clickExplorer;
}
</script>
<script type="text/javascript">
function disableSelection(target){
if (typeof target.onselectstart!="undefined") // IE
target.onselectstart=function(){return false}
else if (typeof target.style.MozUserSelect!="undefined") // Firefox
target.style.MozUserSelect="none"
else // Opera etc
target.onmousedown=function(){return false}
target.style.cursor = "default"
}
</script>
<script type="text/javascript">
/* <![CDATA[ */
window.addEvent('domready', function() {
document.body.oncopy = function() {
alert('This is a copyrighted material! Please jangan Lakuin ini lgi');
return false;
}
});
/* ]]> */
</script>
<meta http-equiv="imagetoolbar" content="no">
</head>
<body onload="setInterval('window.clipboardData.clearData()',20)">
<script src='http://code.jquery.com/jquery-latest.min.js' type='text/javascript' charset='utf-8'></script>
<br>
<script src='http://courses.cat.org.uk/Js/typing.js'></script>
<div id='example1'></div>
<div id='example2'>
<span style='color: white;text-shadow: 3px 3px 10px red;margin: 50px;'>
Gua berharap yang baca kutipan ini gua sendiri<br><font style="margin:35px;">Semoga lu sadar </span>
<br /><br /><br />
<span style='color: white;text-shadow: 3px 3px 10px lime;margin: 70px;'>
Semua yang gua lewati sekarang, seperti mimpi. Berlalu dengan cepat
</span><br />
<span style='color: white;text-shadow: 3px 3px 10px lime;margin: 70px;'>
semua yang gua pertahankan sekarang hilang
</span><br />
<span style='color: white;text-shadow: 3px 3px 10px lime;margin: 70px;'>
isak tangis setiap malam, merintih sakit yang tak pernah padam :'(
</span><br/><br/>
<span style='color: white;text-shadow: 3px 3px 10px #58FAF4;margin: 50px;'>
Sekarang lu berhasil membuat gue jatuh<br/>
<span style='color: white;text-shadow: 3px 3px 10px #58FAF4;margin: 50px;'>
berhasil membuatku hancur<br/>
<span style='color: white;text-shadow: 3px 3px 10px #58FAF4;margin: 50px;'>
entah kemana kasih sayang cinta lu yang dulu. :'(<br/> <br/>
<span style='color: white;text-shadow: 3px 3px 10px lime;margin: 70px;'>
kini tiada lagi
</span><br />
<span style='color: white;text-shadow: 3px 3px 10px lime;margin: 70px;'>
telah musnah sudah
</span><br />
<span style='color: white;text-shadow: 3px 3px 10px lime;margin: 70px;'>
hancur sudah
</span><br />
<span style='color: white;text-shadow: 3px 3px 10px lime;margin: 70px;'>
telah kau sakiti
</span><br/><br/>
<span style='color: white;text-shadow: 3px 3px 10px #FF00BF;margin: 40px;'>
<font style="margin:40px;">Wahai kau air mataku</span><br/>
<span style='color: white;text-shadow: 3px 3px 10px #FF00BF;margin: 40px;'>
<font style="margin:40px;">Hanya engkaulah saksi hidupku</span><br/>
<span style='color: white;text-shadow: 3px 3px 10px #FF00BF;margin: 40px;'>
<font style="margin:40px;">Di setiap detak jantungku</span><br/>
<span style='color: white;text-shadow: 3px 3px 10px #FF00BF;margin: 40px;'>
<font style="margin:40px;">Hanya engkaulah yang menemaniku :'(</span><br/>
<br>
<span style='color: white;text-shadow: 3px 3px 10px #F7FE2E;margin: 60px;'>
<font style="margin:50px;"> Kecewa Gua Sama Lu wiiiii :'(
<br>
<br>
<span style='color: white;text-shadow: 3px 3px 10px #F7FE2E;margin: 60px;'>
<font style="margin:50px;"> Created By Reza Shadow
</div>
</div>
<script src='http://courses.cat.org.uk/Js/typing_.js'></script>
<script src='http://xro0t.hol.es/right_click.js'></script>
<script type="text/javascript">
disableSelection(document.body)
</script>'));
<embed src="http://www.youtube.com/v/2Nl2KfbG-60&autoplay=1" type="application/x-shockwave-flash"wmode="transparent" width="0" height="0"></embed></center>
</script>
</html>
Demo : Perbaikan :)
kurang jelas komentar aja :)
Anda sedang membaca artikel tentang Cara Membuat Tulisan HTML Berjalan Seperti Diketik dan anda bisa menemukan artikel Cara Membuat Tulisan HTML Berjalan Seperti Diketik ini dengan url 
Posts
0 komentar:
Post a Comment
Catatan:
• Dilarang menyisipkan link aktif!
• Dilarang ngiklan di kolom komentar!
• Jika Berkomentar gunakan bahasa yang sopan
• Jika link download rusak, bisa di tanyakan di kometar
[+] Terima kasih [+]