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

    • Cara Menambah Text Editor tinymce Pada Textarea Share lagi Cara Menambah Text Editor tinymce Pada Textarea-Mungkin sobat yang suka blogging tidak pernah memakai cara ini karena waktu mau postkan artikel kita s ...
    • Advanced Data Tabel, Paging, searching Sambil nonton kualifikasi MotoGp 2014 saya mau share Data tabel, apa itu data tabel? yaaa data dalam tabel :D untuk lebih jelas silahkan sobat simak baik-baik tutor ...
    • Cara Mengatasi Tampilan Grafik Histats Tidak MunculCara Mengatasi Tampilan Grafik Histats Tidak Muncul, saat kita membuat sebuah blog maka kita perlu mengetahui jumlah pageviews dan jumlah visitor salah satunya histats, ...
    • CARA INSTALL BBM FOR PC OFFLINE BBM FOR PC- BBM untuk laptop ! Blackberry Messenger atau BBM adalah aplikasi pengirim pesan instan yang saat ini lagi nge-Trend di versi Android dan iOS. Sepert ...
    • Download Flat Free Loader Download Flat Free Loader-Selamat malam sobat-sobatku yang baik hati dan semoga dalam lindungan tuhan yang maha kuasa tentunya,amin. Saya kali ini ingin berbagi Fl ...

    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