Membuat postingan mengetik secara otomatis di Blog

Membuat postingan mengetik secara otomatis di Blog

Selamat siang,sobat JARI LIAR..( Buat Postingannya siang Hari yang Puanas )
Saat ini jari liar mencoba membagikan Tip & trik...cara membuat postingan mengetik secara otomatis diblog.
Sebuah cara sederhana tapi membuat postingan juga menjadi lebih keren..pembaca dihadapkan dengan sebuah ketikkan posting yang seperti baru dibuat saat membukanya...Ok..
Bagaimana cara nya kita langsung menuju TIP nya..
Ini Contohnya...>>>
=========================================================

Ini adalah contoh postingan kali ini, sobat bisa membuatnya sesuai seleras sobat dengan sedikit di edit. Bagaimana terlihat keren ngak sob..??..mau mencobanya juga sob untuk postingan di Blogmu...Ini dia CARA nya. Disimak baik-baik yaa..selamat Berkreasi...

=========================================================

Caranya..masuk akun Blogger sobat..ya iyalah..masak akun JARI LIAR..hehehe
Lalu seperti biasa membuat Post..Copy paste Kode dibawah ini...INGAT..Taruh dibagian HTML bukan di Compose..ok..
=========================================================
 <div dir="ltr" style="text-align: left;" trbidi="on">
<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>

<br />
<div id="myContent">
</div>
<div id="contentToWrite" style="display: none;">
Tulis Postingan sobat disini, sesuai selera...
Post mengetik otomatisnya akan muncul saat di publikasikan...
</div>
<script type="text/javascript">
writeContent(true);
</script><br />
<br /></div>
======================================================
Warna Kuning Ganti dengan tipe Teks..sesuai selera sobat..
Warna Merah Ganti dengan warna sesuai selera sobat...

Yang sudah paham tentang HTML silahkan Berkreasi sendiri...kalau sukses beri tahu juga..JARI LIAR...
OK..Selamat mencoba & salam Berkreasi..