SyntaxHighlightner untuk Blogger

5:33 PM 0 Comments


1. Login ke akun blogger anda.
2. Pilih "Template", lalu edit HTML.
3. Masukkan kode berikut tepat diatas tag </head>
 
 
 
 
 
 
 
 
 
 
 
 
 
 













4. Untuk menggunakannya, silahkan buat post baru dalam mode HTML. lalu masukkan kode berikut:
-----masukkan script/kode anda disini-----
silahkan ganti class="brush: css" dengan type script anda yang sesuai.
5. Untuk mengatur agar tinggi tabel selalu sama, (mis 250px), kita perlu mengedit file shCore.css, dan rubah seperti berikut:
.syntaxhighlighter {
  width: 100% !important;
  margin: 1em 0 1em 0 !important;
  position: relative !important;
  overflow: auto !important;
  font-size: 1em !important;
}
menjadi
.syntaxhighlighter {
  width: 100% !important;
  margin: 1em 0 1em 0 !important;
  position: relative !important;
  overflow: auto !important;
  font-size: 1em !important;
  max-height: 250px;
}
6. Untuk membuat alternate row dengan warna berbeda, perlu mengedit shThemeDefault.css
.syntaxhighlighter .line.alt2 {
  background-color: white !important;
}
menjadi
.syntaxhighlighter .line.alt2 {
  background-color: #f2f2f2 !important;
}
Silahkan mengganti "white" dengan warna yang disuka.

Selesai.