Tutorial : Menu Tabs Like Me

Assalamualaikum ^^

Hari nie Nabilah nak buat Tutorial : Menu Tab Like Me.Acctually , benda nie dah lama tapi bagi sesiapa yang berminat boleh lah buat Menu Tab nie.Bentuk Menu Tab macam mana ? Tengok bawah nie :

1.Dashboard > Layout > Add a gadjet > HTML/JavaScript 

2.Copy dan Paste code bawah nie dalam kotak tadi :

<div id='polskahekjor'>
<style type="text/css">
    div.P0L5K4 div.C0D3R
    {height: 24px; overflow: hidden;float:left; }
div.P0L5K4 div.C0D3R a:hover
    { background-color: #eee; }
div.P0L5K4 div.C0D3R a.Active{background:#cb8e92;color:#fff;}
 div.P0L5K4 div.N0T4C0D3R
    { clear: both; border: 0px solid #fcaebf; overflow: hidden; background-color: #eee;}
    div.P0L5K4 div.N0T4C0D3R div.h3ll0c0d3r
    { height: 100%; padding: 0px; overflow: hidden; }
    div.P0L5K4 div.N0T4C0D3R div.h3ll0c0d3r div.BL0g3R
    { padding: 3px 5px; }
div.P0L5K4 div.C0D3R a
    { background:#fcaebf; float: left;border-radius:11px 11px 0px 0px;
    display: block; width: 33%; text-align: center; vertical-align: middle; height: 24px; padding-top: 3px; text-decoration: none; font-family: "Arial", Serif;
    font-size: 12px; font-weight: 900; color: #000000;}
    </style>
<script type='text/javascript'>
    //<![CDATA[
    function P0L5K4_C0D3R(P4WN3D, id)
    {
      var P0L5K4 = document.getElementById(P4WN3D);
      var C0D3R = P0L5K4.firstChild;
      while (C0D3R.className != "C0D3R" ) C0D3R = C0D3R.nextSibling;
      var TT = C0D3R.firstChild;
      var i   = 0;
      do
      {
        if (TT.tagName == "A")
        {
          i++;
          TT.href      = "javascript:P0L5K4_J3R('"+P4WN3D+"', "+i+");";
          TT.className = (i == id) ? "Active" : "";
          TT.blur();
        }
      }
      while (TT = TT.nextSibling);
      var N0T4C0D3R = P0L5K4.firstChild;
      while (N0T4C0D3R.className != 'N0T4C0D3R') N0T4C0D3R = N0T4C0D3R.nextSibling;
      var h3ll0c0d3r = N0T4C0D3R.firstChild;
      var i    = 0;
      do
      {
        if (h3ll0c0d3r.className == 'h3ll0c0d3r')
        {
          i++;
          if (N0T4C0D3R.offsetHeight) h3ll0c0d3r.style.height = (N0T4C0D3R.offsetHeight-2)+"px";
          h3ll0c0d3r.style.overflow = "auto";
          h3ll0c0d3r.style.display  = (i == id) ? 'block' : 'none';
        }
      }
      while (h3ll0c0d3r = h3ll0c0d3r.nextSibling);
    }
    function P0L5K4_J3R(P4WN3D, id) { P0L5K4_C0D3R(P4WN3D, id);
    }
    function P0L5K4_H4CKR3W(P4WN3D) { P0L5K4_C0D3R(P4WN3D,  1);
    document.write('');}
    //]]>
    </script>
<form action="P0L5K4.html" method="get">
<div id="P0L5K4" class="P0L5K4">
<div style="width: 100%;" class="C0D3R">
<a>Menu Tab 1</a> <a>Menu Tab 2</a> <a>Menu Tab 3</a></div><div style="width: 100%; height: 300px;color:#151515;" class="N0T4C0D3R">
<div class="h3ll0c0d3r" style='background:#fff;'>
<div class="BL0g3R">
<center>CODE MENU TAB 1</center></div>
</div>
</div>
<div class="h3ll0c0d3r" style='background:#fff;'>
<div class="BL0g3R">
<center>CODE MENU TAB 2</center></div>
</div>
<div class="h3ll0c0d3r" style='background:#fff;'>
<div class="BL0g3R">
<center>CODE MENU TAB 3</center>
</div>
</div>
</div>
</div></form>
<script type="text/javascript">P0L5K4_H4CKR3W('P0L5K4');</script>
</div>

3.Tukarkan :
 Oren : Nabilah sarankan jangan ubah apa-apa.
 Pink : Tukarkan dengan colour yang korang suka.code ambil kat SINI
 Biru : Tajuk Menu Tab
 Merah : Isi dalam Menu Tab

4.Save.

Kalau dah menjadi tu , komen lah sikit.Kalau yang tak menjadi boleh tanya Nabilah dekat ruangan komen ini.Pandai guna , Pandai Credit.