CARA MENAMBAH SYNTAX HIGHLIGHTER DI BLOGGER - Ilmu Komputer

Tentang komputer, tips, trik, artikel, tutorial!

Rabu, 13 November 2013

CARA MENAMBAH SYNTAX HIGHLIGHTER DI BLOGGER

Cara menuliskan kode php, html. java script, vb, SQL, di blog yaitu menggunakan SyntaxHighlighter, SyntaxHighlighter adalah suatu alat agar kode kita bisa di tulis dalam postingan. Tidak usah panjang lebar lagi mari kita ikuti langkah-langkah berikut.


Contohnya :
 


CARA INSTAL

  • Lihat di dashboardnya pilih Template → Edit HTML 
  • Masukan kode berikut sebelum tag </head> 
  •  
    <script src="http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shCore.js" type="text/javascript">
    <script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushAS3.js' type='text/javascript'/>
    <script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushBash.js' type='text/javascript'/>
    <script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushColdFusion.js' type='text/javascript'/>
    <script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushCSharp.js' type='text/javascript'/>
    <script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushCpp.js' type='text/javascript'/>
    <script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushCss.js' type='text/javascript'/>
    <script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushDelphi.js' type='text/javascript'/>
    <script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushDiff.js' type='text/javascript'/>
    <script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushErlang.js' type='text/javascript'/>
    <script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushGroovy.js' type='text/javascript'/>
    <script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushJScript.js' type='text/javascript'/>
    <script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushJava.js' type='text/javascript'/>
    <script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushJavaFX.js' type='text/javascript'/>
    <script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushPerl.js' type='text/javascript'/>
    <script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushPhp.js' type='text/javascript'/>
    <script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushPlain.js' type='text/javascript'/>
    <script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushPowerShell.js' type='text/javascript'/>
    <script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushPython.js' type='text/javascript'/>
    <script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushRuby.js' type='text/javascript'/>
    <script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushScala.js' type='text/javascript'/>
    <script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushSql.js' type='text/javascript'/>
    <script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushVb.js' type='text/javascript'/>
    <script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushXml.js' type='text/javascript'/>
    <link href='http://alexgorbatchev.com/pub/sh/2.1.382/styles/shCore.css' rel='stylesheet' type='text/css'/>
    <link href='http://alexgorbatchev.com/pub/sh/2.1.382/styles/shThemeDefault.css' rel='stylesheet' type='text/css'/>
    <script language='javascript'>
    SyntaxHighlighter.config.bloggerMode = true;
    SyntaxHighlighter.config.clipboardSwf = 'http://alexgorbatchev.com/pub/sh/2.1.382/scripts/clipboard.swf';
    SyntaxHighlighter.all();
    </script>
    
  • Terakhir save templatenya, gampang kan....eithh tapi belum selesai,
CARA MEMANGGIL SKRIPT
  1. Pada editor blognya pilih HTML masukan kode seperti berikut ini 
  2.     
    
         




  • Tag "brush" bisa isi apa saja sesuai bahasa yang ingin kita masukan yang dinamakan alias. SyntaxHighlighter mendukung beberapa bahasa untuk aliasnya berikut adalah daftarnya 

    • ActionScript3 → as3, actionscript3
    • Bash/shell → bash, shell
    • ColdFusion → cf, coldfusion
    • C# → c-sharp, csharp
    • C++ → cpp, c
    • CSS → css
    • Delphi → delphi, pas, pascal
    • Diff → diff, patch
    • Erlang → erl, erlang
    • Groovy → groovy
    • JavaScript → js, jscript, javascript
    • Java → java
    • JavaFX → jfx, javafx
    • Perl → perl, pl
    • PHP → php
    • Plain Text → plain, text
    • PowerShell → ps, powershell
    • Python → py, pyhton
    • Ruby → rails, ror, ruby
    • Scala → scala
    • SQL → sql
    • Visual Basic → vb,vbnet
    • XML → xml, xhtml, xslt, htm




    Mudah kan, kalau belum paham silahkan coret-coret dibawah ini ....

    Share on Facebook
    Share on Twitter
    Share on Google+
    Tags :

    Related : CARA MENAMBAH SYNTAX HIGHLIGHTER DI BLOGGER

    2 komentar:

    1. Nggak bisa gan,, apa ada yg kurang..

      BalasHapus
      Balasan
      1. Maaf gan,,,, kodenya lupa sya parse, tapi kini sudah perbaiki...

        Hapus

    Berkomentarlah dengan baik dan sopan..
    Terimah kasih sudah berkunjung