Responsive Banner design
Home » » Cara Membuat Tulisan HTML Berjalan Seperti Diketik

Cara Membuat Tulisan HTML Berjalan Seperti Diketik

Assalamuallaikum ^_^
balik lagi sama saya Mr.HaurgeulisX196 . 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 
(jangan minta kenalan udh pnya pacar :v)
hahah langsung saja

kira kira kodenya seperti ini

<script language="JavaScript">
var text="kata kata lu :v";
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 Mr.HaurgeulisX196</title>
<link rel='shortcut icon' href='http://haurgeulis-security.blogspot.com
/favicon.ico'/>
<meta contact='http://www.facebok.com/Mr.HaurgeulisX196'/>
<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 Mr.HaurgeulisX196);
        }
        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
Mr.HaurgeulisX196');
                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 mantan gua sendiri<br><font style="margin:35px;">Semoga lu sadar apa yang di lakuin lu selama ini :'(
</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 kasih sayang yang kau berikan padaku
</span><br />
<span style='color: white;text-shadow: 3px 3px 10px lime;margin: 70px;'>
cintamu telah musnah sudah
</span><br />
<span style='color: white;text-shadow: 3px 3px 10px lime;margin: 70px;'>
hancur sudah hatiku dengan sikapmu :'(
</span><br />
<span style='color: white;text-shadow: 3px 3px 10px lime;margin: 70px;'>
telah kau sakiti perasaankuini :'(
</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 Syahrul Ramadhan ( Mr.HaurgeulisX196 )
</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 : KLIK DISINI

kurang jelas komentar aja :)
-Mr.HaurgeulisX196-

0 comments:

Post a Comment

Popular Posts

Powered by Blogger.

Blog Archive