SyntaxHighlightner untuk Blogger
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:
silahkan ganti class="brush: css" dengan type script anda yang sesuai.-----masukkan script/kode anda disini-----
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.
.png)
