Implementasi ini pada dasarnya memasukkan link library javascript ke dalam design blogger kita, yang kemudian akan dieksekusi di bagian body.oke untuk singkatnya kita coba saja.
- Login ke dalam blogger.
- Backup template awal (klik Download Full Template) jaga-jaga untuk merestore template ke keadaan semula jika terjadi masalah.
- Edit bagian <head></head> design. Design >>Edit HTML
- copy paste css ini ke bagian head sebelum ]]></b:skin>
- Sebelum tag </head> copy kode berikut:
- Bagian sebelum tag </body> tambahkan code berikut
- Simpan perubahan template design.
- Test Drive
- Lakukan posting dengan Edit HTML
- Tuliskan kode berikut <pre name="code" class="sql"> select sysdate from dual; </pre>
- Lakukan preview
- Tampilan posting pastikan seperti ini
<script language='javascript'>
dp.SyntaxHighlighter.BloggerMode();
dp.SyntaxHighlighter.HighlightAll('code');
</script>
select sysdate from dual;
Catatan :
- Anda tidak harus me-copy seluruh link script, tergantung kebutuhan code. Jika anda cuma butuh highligth untuk code: sql,css,xml dan javascript cukup copy seperti ini :
original source : http://heisencoder.net
Tidak ada komentar :
Posting Komentar