Cara Membuat Tulisan Mesin Ketik Pada Postingan
Lihat Demo-nya :
Ini adalah kode untuk menampilkan postingan dengan gaya Typewriter atau mengetik :
<br /><style type="text/css">body{font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;margin-top:0px;background-repeat:no-repeat;padding-top:1px;}#myContent, #myContent blink{width:100%px;height:100%px;background:black;color: #00FF00;font-family:courier;}blink{display:inline;}</style><br /><script type="text/javascript">var charIndex = -1;var stringLength = 0;var inputText;function writeContent(init){if(init){inputText = document.getElementById('contentToWrite').innerHTML;}if(charIndex==-1){charIndex = 0;stringLength = inputText.length;}var initString = document.getElementById('myContent').innerHTML;initString = initString.replace(/<SPAN.*$/gi,"");var theChar = inputText.charAt(charIndex);var nextFourChars = inputText.substr(charIndex,4);if(nextFourChars=='<BR>' || nextFourChars=='<br>'){theChar = '<BR>';charIndex+=3;}initString = initString + theChar + "<SPAN id='blink'>_</SPAN>";document.getElementById('myContent').innerHTML = initString;charIndex = charIndex/1 +1;if(charIndex%2==1){document.getElementById('blink').style.display='none';}else{document.getElementById('blink').style.display='inline';}if(charIndex<=stringLength){setTimeout('writeContent(false)',10);}else{blinkSpan();}}var currentStyle = 'inline';function blinkSpan(){if(currentStyle=='inline'){currentStyle='none';}else{currentStyle='inline';}document.getElementById('blink').style.display = currentStyle;setTimeout('blinkSpan()',500);}</script><div id="myContent"></div><div id="contentToWrite" style="display:none">TULISAN ANDA <br />1. No Smoking, No Die <br />2. No Women, No Cry <br />3. No Watch, No Brook<br />4. No Money, No Dong<br /></div><script type="text/javascript">writeContent(true);</script><br /><br />
Silahkan dicoba-coba. Semoga berhasil.
Category: tips tips dan trik blog