Syntax Highlighter adalah kode Javascript open-source yang digunakan untuk menyoroti syntax. Syntax Highlighter ini dikembangkan oleh Alex Gorbatchev pada tahun 2004 hingga 2011. Berikut ini adalah contoh penerapan Syntax Highlighter pada Blogger:
Cara Memasang Syntax Highlighter pada Blogger
Contoh Syntax Highlighter
Dan berikut ini adalah cara memasang Syntax Highlighter pada Blogger
  • Salin kode berikut
      <link href="http://alexgorbatchev.com/pub/sh/current/styles/shCore.css" rel="stylesheet" type="text/css"></link> 
  <link href="http://alexgorbatchev.com/pub/sh/current/styles/shThemeDefault.css" rel="stylesheet" type="text/css"></link> 
  <script src="http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js" type="text/javascript"></script> 
  <script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCpp.js" type="text/javascript"></script> 
  <script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCSharp.js" type="text/javascript"></script> 
  <script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCss.js" type="text/javascript"></script> 
  <script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJava.js" type="text/javascript"></script> 
  <script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJScript.js" type="text/javascript"></script> 
  <script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPhp.js" type="text/javascript"></script> 
  <script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPython.js" type="text/javascript"></script> 
  <script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushRuby.js" type="text/javascript"></script> 
  <script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushSql.js" type="text/javascript"></script> 
  <script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushVb.js" type="text/javascript"></script> 
  <script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushXml.js" type="text/javascript"></script> 
  <script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPerl.js" type="text/javascript"></script> 
  <script language="javascript"> 
    SyntaxHighlighter.config.bloggerMode = true;
    SyntaxHighlighter.config.clipboardSwf = 'http://alexgorbatchev.com/pub/sh/current/scripts/clipboard.swf';
    SyntaxHighlighter.all();
  </script>

  • Tempel kode tersebut di template Blogger, sebelum tag </head>
  • Simpan template
  • Mulailah membuat sebuah blok kode. Ada dua metode yang bisa digunakan untuk membuat blok kode, yaitu
    1. Menggunakan tag <script>
    2. Menggunakan tag <pre>
referensi :
http://www.craftyfella.com/2010/01/syntax-highlighting-with-blogger-engine.html
http://alexgorbatchev.com/SyntaxHighlighter/manual/installation.html
http://alexgorbatchev.com/SyntaxHighlighter/manual/configuration/
http://alexgorbatchev.com/SyntaxHighlighter/manual/brushes/
eru hs

Tidak ada komentar:

Posting Komentar

Ini adalah pesan formulir komentar

Langganan: Posting Komentar (Atom)