Cara Posting Tampilan Postingan Dengan Tulisan Typewritter

TULISAN ANDA
Sebenarnya banyak macam model dan jenis Typewriter namun karena sebab itulah pusing juga memilihnya, kendatipun demikian berikut ini saya pilihkan satu khusus Anda yang gemar otak-atik penampilan blog kesayangan Anda itu. Typewriter kalau kita konversikan kedalam bahasa kita adalah gaya tulisan mengetik, jadi kalau Anda pernah menulis sebuah surat atau apalah dengan menggunakan mesin ketik ya seperti inilah suasananya. Akan tetapi sebelum Anda mencoba menerapkan pada salah satu postingan blog ada beberapa hal yang harus diperhatikan sebagai berikut berikut :
1. Ada beberapa kode HTML yang tidak dapat bekerja didalam typewriter ini seperti penggunaan smiley termasuk link termasuk link image, kode atau kecuali kode tag break(br) (kode untuk pemutus baris)
2. Alangkah baiknya jika kode ini Anda gunakan untuk menulis selain tutorial seperti postingan Informasi, sebab sedikit dalam menggunakan kode html.
3. Buatlah konsep postingan Anda terlebih dahulu di media lain seperti NOTEPAD atau di MS Words untuk meminimalisir kesalahan nantinya, setelah siap baru gabungkan konsep postingan dengan kode semprawut dibawah hehe
4. Ingat !!..........Setiap kali berpindah baris harus menggunakan tag break diakhir kalimat
5. Selamat mencoba, semoga berhasil, salam

<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 />

Ditulis Oleh : Unknown ~ Tips dan Trik Blogspot

Sobat sedang membaca artikel tentang Cara Posting Tampilan Postingan Dengan Tulisan Typewritter. Oleh Admin, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya <a href="http://azka-veiro.blogspot.com/2012/07/cara-posting-tampilan-postingan-dengan.html" target="_blank">Cara Posting Tampilan Postingan Dengan Tulisan Typewritter</a>

:: Get this widget ! ::