Pasang Multitabs Syntax dan Syntax Highlighter

Untuk penggunaan multitabs syntax silahkan ikuti kode dibawah ini.

Multitabs Syntax

  

<div class='pre tb'>
  <!--[ Active function ]-->
  <input class='prei hidden' id='preT-1' type='radio' name='preTab' checked>
  <input class='prei hidden' id='preT-2' type='radio' name='preTab'>
  <input class='prei hidden' id='preT-3' type='radio' name='preTab'>
  <!--[ Header/title ]-->
  <div class='preH tbHd scrlH'>
    <!--[ Change atribute data-text='...' to replace title ]-->
    <label for='preT-1' data-text='HTML'></label>
    <label for='preT-2' data-text='CSS'></label>
    <label for='preT-3' data-text='Javascript'></label>
  </div>

  <!--[ Content ]-->
  <!-- Please parse your HTML -->
  <div class='preC-1'> <!-- HTML -->
    <pre>
   
      Kode Disini

</pre>
  </div>
  
  
  <div class='preC-2'> <!-- CSS -->
    <pre>
   
      kode Disini

</pre>
  </div>
  
  
  <div class='preC-3'> <!-- Javascript -->
    <pre>
   
      Kode Disini
      
   </pre>
  </div>
</div>

Tulisan yang dicetak tebal silahkan ganti dengan kode yang sudah diparse.

Untuk pemasangan Syntax Highlighter berikut kode yang bisa kalian gunakan.

Syntax Highlighter

  
<div class='pre pu notranslate' data-text='.css'>
  <pre style='white-space:pre-wrap; max-height:none;'>
 
Kode disini

</pre>
</div>

Tulisan yang dicetak tebal silahkan ganti dengan kode yang sudah diparse. Untuk parse HTML atau kode, kalian bisa menggunakan tool yang ada pada link berikut ini : Parse HTML