ads
Home » » Membuat Widget Unik Alay

Membuat Widget Unik Alay

Written By Ramadhan Fnw on Nov 21, 2011 | 8:23 PM

Setelah saya memperkenalkan widget curian kemarin, sekarang saatnya saya membagikan cara membuatnya. Oke, sudah lihat demonya kan? Kalau belum mari ke sini. ^^

Pertama, masuk ke akun blogger kalian.
Rancangan - Edit HTML
Jangan lupa centang
 
Lalu, copy paste kode script dibawah ini, diatas kode <head>
<script type="text/javascript">
<!--
  function HumanToABG(form){
    var abgteks="";
    var stemp;
    var i,j;
    var acak;
    var aseli=form.aseli.value;
  
    var TabelHuruf="AEGIOSZ";
    var TabelAngka="4361052"; //01234567890
  
    var TabelVokal="AIUEO";
  
    if(aseli.length)
    {
     //modifikasi huruf besar kecil kecil
     if(form.pilihan[0].checked==true)
     {
      for(i=0;i<aseli.length;i++)
    {
      acak = Math.round(2*Math.random())
      if(acak)
         abgteks=abgteks+aseli.charAt(i).toLowerCase();
        else
         abgteks=abgteks+aseli.charAt(i).toUpperCase();
    }
   }
   else
    abgteks=aseli;

   //Modifikasi huruf jadi angka
   var terganti=0;
   stemp="";
   if(form.pilihan[1].checked==true)
     {
      for(i=0;i<aseli.length;i++)
    {
     acak=Math.round(2*Math.random())
     terganti=0;
     if(acak)
     {
    
       for(j=0;j<TabelHuruf.length;j++)
       {
        if(abgteks.charAt(i).toUpperCase()==TabelHuruf.charAt(j))
        {
          stemp=stemp+TabelAngka.charAt(j);
        
          terganti=1;
          break;
         }
        }
       }    
    
       if(terganti==0) //huruf tidak dapat diganti
        stemp=stemp+abgteks.charAt(i);
    }
    abgteks=stemp;
   }

  //disingkat-singkat biar pendek
  stemp="";
  if(form.pilihan[2].checked==true)
     {
      for(i=0;i<aseli.length;i++)
    {
     acak=Math.round(2*Math.random())
     terganti=0;
     if(acak)
     {
    
       for(j=0;j<TabelVokal.length;j++)
       {
        if(aseli.charAt(i).toUpperCase()==TabelVokal.charAt(j))
        {
         if((aseli.charAt(i-1)!=" ")&&(i>0))
         {
           //stemp=stemp+TabelAngka.charAt(j); hilangkan saja
           terganti=1;
          }
          break;
         }
        }
       }    
    
       if(terganti==0) //huruf tidak dapat diganti
        stemp=stemp+abgteks.charAt(i);
    }
    abgteks=stemp;
   }


     form.abg.value=abgteks;
   }
   else
   {
    form.abg.value="hahahahaha script ini hasil contekan, sekarang mau kamu conetk lagi";
   }
    }
// -->
</script>
Klik Save.
Langkah terakhir,
Copy paste, kode dibawah ini di tempat yang kalian inginkan. (Bisa juga di halaman posting)
<form action="ABG_Text.html">
<table align="center" style="width: 250px;"><tbody>
<tr>           <th style="background-color: lightgreen;">Teks Normal</th>  <td>&nbsp;&nbsp;</td></tr>
<tr>           <th style="background-color: lightgreen;"><textarea cols="50" name="aseli" rows="10">coba tulisan alay disini</textarea></th></tr>
<tr></tr>
<tr></tr>
<tr></tr>
<tr></tr>
<tr> <th style="background-color: lightgreen;">T3k5 4l4y</th>  <td>&nbsp;&nbsp;</td>  </tr>
<tr> <th style="background-color: lightgreen;"><textarea cols="50" name="abg" rows="10"></textarea></th> </tr>
<tr>           <td><input name="pilihan" type="checkbox" /> HuRUf bEsAr keCil</td><td>&nbsp;&nbsp;</td>           <th>&nbsp;&nbsp;</th>    </tr>
<tr>     <td><input name="pilihan" type="checkbox" /> P4k3 4n9k4 D0n9</td><td>&nbsp;&nbsp;</td>     <th>&nbsp;&nbsp;</th>    </tr>
<tr>     <td><input name="pilihan" type="checkbox" /> Disngkt-sngkt biar pndk</td><td>&nbsp;&nbsp;</td>     <th>&nbsp;&nbsp;</th>    </tr>
<tr>           <td><input onclick="HumanToABG(this.form)" type="button" value="Mulai Translate Alaynya !" /></td>           <td>&nbsp;&nbsp;</td>           <td>&nbsp;&nbsp;</td>        </tr>
</tbody> </table>
</form>
Silahkan di coba, semoga berhasil. ^^
Share this article :

3 komentar:

Rama88 said...

ahahha,, 4l4y mode on nih pasti,, ckckkc,, thx infonya gan,

Share Our Knowledge said...

@Rama88: hehe, oke gan. :D

Anonymous said...

gak work nih

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Share Our Knowledge - All Rights Reserved
Template Modify by Creating Website Inspired Wordpress Hack
Proudly powered by Blogger