Cara Menambahkan SyntaxHighlighter 3 ke Blogger

6.08.2011

Beberapa blog mungkin menyediakan tutorial tentang koding-koding (source code). Alangkah baiknya apabila kode tersebut diberi warna untuk memudahkan pengguna melihat dengan jelas source code tersebut

Syntax Highlighter adalah aplikasi berbasis web yang memungkinkan syntax-syntax atau code diberi warna secara otomatis tergantung bahasa pemrograman yang digunakan

Cara Memasang SyntaxHIghlighter ke Blogger
  1. Buka Blogger.com dan Pilih Menu Dashboard > Design > Edit HTML.
  2. Temukan Tag
  3. Copy Code sebelum tag tersebut
  4. Setelah itu Klik Save

<!--SYNTAX HIGHLIGHTER BEGINS-->
<link href='http://alexgorbatchev.com/pub/sh/current/styles/shCore.css' rel='stylesheet' type='text/css'/>
<link href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeDefault.css' rel='stylesheet' type='text/css'/>
<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>
<!--SYNTAX HIGHLIGHTER ENDS-->

Artikel Selengkapnya (Berbahasa Inggris) : here

3 komentar

  1. Kenapa itu kode intinya harus disembunyikan gan? Apapun maksudnya pasti ada udah dibalik kerupuk ya..?? :)

    BalasHapus
  2. wah bukan disembunyikan itu heheh
    error kodenya ga kepaste itu :D maaf yaaa nanti saya cari lagi

    BalasHapus
  3. oh iya itu disimpen nya bisa di bawah "<"head">" atau diatas <"/head">
    ilangin kutipnya

    BalasHapus

 

Informasi Penting

Langganan

Ikuti Saya di Facebook

Ikuti Saya di Twitter

Follow saya di Twitter

Paling Sering Dibaca

Tags

Android (10) Android Apps (3) Andromax U (1) Antivirus (2) Ayodance (10) Bahasa Assembler (1) Bisnis (1) Blogger Tips (8) CCA (4) Cloud Computing (1) CSS (2) Custom ROM (1) Desain (7) Desktop (1) Download (31) E-Book (3) Emulator (1) Facebook (8) Forum (1) FOSS (8) Freebies (1) Gadget (1) Galaxy Y (4) Games (14) Google+ (2) Hacking (2) Hardware (1) HTML (3) Info (6) Info Seminar (1) Internet (14) iPhone (1) ISO (4) Java (1) Jual Beli (2) KLuC (3) Komputer (9) Kupon Udemy (1) Lain-Lain (4) Linux (7) Marketing (1) News (17) OOT (1) PCMedia (2) PHP (6) Programming (7) Project (1) Pump It Up (2) Software (6) Stepmania (2) Tips Trik (25) Tutorial (14) Twitter (1) Ubuntu (11) UKM (1) Web 2.0 (3) Windows (10) Wine (2)