Membuat Code Snipet dengan SyntaxHighlighter di Blog

Jika kamu seorang developer dan ingin berbagi code secara langsung di laman  blog kamu dengan tampilan code highlight dan sintak sebagaimana saat melihatnya seperti di local text editor sehingga memudahkan developer untuk mengcopy-paste code, maka berikut ini adalah salah satu cara yang saya gunakan untuk memenuhi kebutuhan tersebut.


dalam hal ini saya menggunakan library javascript SyntaxHiglighter.


Tambahkan Sintak HighLighter ke template Blogger
- Copy code berikut ini

- paste kedalam Template Blog dan tempatkan diantara tag
- Simpan Template
- dan kamu dapat menambahkan blok code di Entri blog yang baru maupun yang sudah ada.

terdapat dua cara untuk menambahkan blok code dengan SyntakHighlighter

Cara Pertama : Dengan menggunakan Pre Tag

// remarks ini akan ditampilkan sebagai komentar
public class TestPage{

  public Testing() {

  }
 
  public void Method() {
  /* remarks ini juga akan ditampilkan 
sebagai komentar di multi line
 */
 int x = 12;
  }
}

makan akan tampil seperti ini :

  // remarks ini akan ditampilkan sebagai komentar
   public class Testpage{
  
      public Testing() {

      }
 
      public void Method() {
      /*
       remarks ini juga akan ditampilkan 
       sebagai komentar di multi line
      */
      int x = 23;
     }
}

Cara pertama : Dengan menggunakan Script Tag

maka akan tampil seperti ini :

// remarks ini akan ditampilkan sebagai komentar
  public class Testing {
     public Testing() {
    
     }
 
    public void Method() {
        /*
       remarks ini juga akan ditampilkan 
       sebagai komentar di multi line
      */
        int x = 9;
    }
}