Friday, January 20, 2012

Create Syntax Highlight Blogspot

Syntax Highlight adalah fitur dari post editor untuk menempatkan text atau source code pada tampilan blog (blogspot), dengan memanfaatkan Syntax Higlight ini maka tampilan tulisan / source code tidah akan dikonfersi ke halaman PHP, JavaScript, etc.

Beberapa jenis text / source code yang didukung Syntax Highlight antara lain; as3, actionscript3, bash, shell, cf, coldfusion, c-sharp, csharp, cpp, c, css, delphi, pas, pascal, diff, patch, erl, erlang, groovy, js, jscript, javascript, java, jfx, javafx, perl, pl, php, plain, text, ps, powershell, py, python, rails, ror, ruby, scala, sql, vb, vbnet, xml, xhtml, xslt, html, xhtml

Sebagai contoh dari tampilan Syntax Highlight adalah sebagai berikut:
/**
   * SyntaxHighlighter
   */
  function foo()
  {
      if (counter <= 10)
          return;
      // it works!
  }

Untuk memasang code Syntax Highlight pada Blogspot/Blogger, Anda hanya perlu menambahkan kode berikut sebelum <head> dan </head>  template blog Anda:


Masuk ke blog Anda
Pada Tab Design pilih Edit HTML
Centang Expand Widget Templates

Masukkan kode berikut diantara <head> dan </head>



Simpan template Anda
Selesai

Agar tulisan code editor / Syntax Highlight anda muncul dalam postingan, lakukan postingan dengan dengan editor format HTML, dengan format penulisan seperti berikut;

<pre class="brush: js">
Tuliskan Seouce Code / Syntax Highlight Anda Disini :D
</pre>

Tambahkan kode <pre class="brush: js"> diawal tulisan source code, dan </pre> di penutup source code.

hasil yang akan didapat adalah;
Tuliskan Seouce Code / Syntax Highlight Anda Disini :D

No comments:

Post a Comment