Daftar Isi

Tutorial Blogging

Trik Sulap

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

Membuat Pesan Fleksibel / Berubah-ubah Setiap Halaman Blog

Berikut saya bagikan lagi script yang mungkin bisa Anda terapkan di blog Anda. Dan tips kali ini adalah cara Membuat Pesan Fleksibel / Berubah-ubah Setiap Halaman Blog, atau apalah terserah Anda menamakannya saya tidak mau ambil pusing hihihihi....Pada garis besarnya script ini akan menampilkan pesan yang berbeda-beda perhalaman blog.

Tanpa mengulur waktu yuk perhatikan kode contohnya dibawah ini :

Blog ini dofollow

Pesan diatas akan berubah ketika Anda me-reload halaman ini.

Cara Membuat Efek Neon Light Matrix di Blog

Untuk kode script diatas jujur saya mengalami kesulitan saat mempostingnya, namun jangan khawatir karena saya sediakan link downloadnya untuk Anda, saya tidak mewajibkan Anda untuk mendownloadnya jika tidak tertarik dengan tips ini tapi memang sebenarnya sudah saya coba berulang kali namun memang tidak bisa saya tampilkan pada postingan kali ini. Maaf atas ketidak nyamanan ini. Silahkan download disini Cara pasangnya : 1. Dapat Anda gunakan pada halaman posting 2. Bila Anda ingin pasang di sidebar Cara pasangnya: Rancangan->tambah gadget->Html/javascript