Bagi sobat yang suka menulis tentang tutorial mengenai pemrograman atau
yang mengandung script-script, seperti PHP, JavaScript, Ruby, SQL, dll.
mungkin sobat bisa menambahkan SyntaxHiglighter di blog sobat agar
tampilan penulisan syntax sobat lebih menarik untuk dilihat. Dari situs
resminya http://alexgorbatchev.com/SyntaxHighlighter, SyntaxHighlighter sekarang sudah versi 3.0.83. Untuk tampilan SyntaxHighlighter
sobat bisa lihat contohnya pada postingan ini. Dibawah ini
Langkah-Langkah instalasi pemasangan SyntaxHighlighter di blogspot
sobat:
Masuk ke tab Design - Edit HTML kemudian centang Expand Widget Templates (bogger clasic). Untuk blogger tampilan baru masuk tab Template - Edit - Proceed kemudian centangExpand Widget Templates.
Sebelum itu backup terlebih dahulu template sobat, hal ini untuk jaga-jaga jika nanti ada kesalahan dalam pengeditan.
Cari Tag ini
untuk mempermudah pencarian gunakan Ctrl+F pada keyboard.
Lalu masukkan code JavaScript ini diatas Tag
:
Lalu Simpan - Save template, Selesai..
Penggunaan Syntax Highlighter pada postingan:
Penggunaan Syntax Highlighter dalam postingan ada 2 cara, sebelumnya sobat harus berada dalam mode HTML, bukan Compose:
Cara 1: dengan menggunanakan Tag , berikut contohnya penggunaannya:
Cara 2: dengan menggunakan Tag
....
, Penulis lebih suka menggunakan cara yg kedua, lebih simple... :D, berikut contoh penggunaannya:
...Script sobat yang mau ditampilkan....
Penjelasan : syntax yang ingin sobat tampilkan harus diletakkan di antara tag <script class="brush: html" type="syntaxhighlighter"> dan </script> atau <pre class="brush: html"> dan </pre> Pada class="brush: html" , tulisan yang berwarna merah merupakan brush alias atau type syntax yang ingin sobat gunakan. Pada contoh syntax diatas penulis menggunakan type syntax (brush alias)
html. Jika sobat ingin menulis syntax dalam bentuk PHP atau JavaScript
atau yang lain, sobat hanya tinggal merubah tulisan yang berwarna merah
tersebut dengan php (untuk type syntax php) atau js (untuk type syntax javascript) atau yang lainnya sesuai kebutuhan sobat.
Berikut daftar syntax yang disediakan oleh SyntaxHighlighter:
Brush name
Brush aliases
File name
ActionScript3
as3, actionscript3
shBrushAS3.js
Bash/shell
bash, shell
shBrushBash.js
ColdFusion
cf, coldfusion
shBrushColdFusion.js
C#
c-sharp, csharp
shBrushCSharp.js
C++
cpp, c
shBrushCpp.js
CSS
css
shBrushCss.js
Delphi
delphi, pas, pascal
shBrushDelphi.js
Diff
diff, patch
shBrushDiff.js
Erlang
erl, erlang
shBrushErlang.js
Groovy
groovy
shBrushGroovy.js
JavaScript
js, jscript, javascript
shBrushJScript.js
Java
java
shBrushJava.js
JavaFX
jfx, javafx
shBrushJavaFX.js
Perl
perl, pl
shBrushPerl.js
PHP
php
shBrushPhp.js
Plain Text
plain, text
shBrushPlain.js
PowerShell
ps, powershell
shBrushPowerShell.js
Python
py, python
shBrushPython.js
Ruby
rails, ror, ruby
shBrushRuby.js
Scala
scala
shBrushScala.js
SQL
sql
shBrushSql.js
Visual Basic
vb, vbnet
shBrushVb.js
XML
xml, xhtml, xslt, html, xhtml
shBrushXml.js
Brush Name adalah jenis syntax yang ingin digunakan
Brush Aliases adalah class yang harus digunakan
File Name adalah file .js yang diperlukan
Okeh sampai sini semoga sobat sudah paham, bagi yang berminat silahkan mencobanya...
Perhatian.!! Jika pada saat di publish muncul pesan kesalahan seperti ini di blog sobat,
abaikan saja, kilk "Berhenti menampilkan galat HTML untuk badan entri ini".
Posting Komentar