Syntax Highlighter Blogger

Akhir-akhir ini penulis agak bosan melihat blok code (daerah yang ada code programnya) , lebih tepatnya mungkin JELEK desainnya.   Setelah googling akhirnya menemukan juga istilahnya yaitu Syntax Highlighter . maklum newbi dalam dunia blogger, jadi baru ngeh ada istilah ini.
Syntax Highlighter terdiri dari dua suku kata yaitu Syntax ( identitas-deskripsi code ) dan Highlighter ( Penanda - Pembeda ). Gampangnya Blok untuk menandakan code program atau lainnya .
Oke, gak usah berpanjang lebar, karena yang lebar punyanya...??, ikuti langkah berikut
  • Tambahkan code ini diantara <head> dan </head>
  • <!-- Syntax Highlighter Additions START -->
    <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/shThemeMidnight.css' rel='stylesheet' type='text/css'/>
    <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js' type='text/javascript'/>
     
    <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPhp.js' type='text/javascript'/>
      
    <script language='javascript' type='text/javascript'>
     SyntaxHighlighter.config.bloggerMode = true;
     SyntaxHighlighter.all();
    </script>
    <!-- Syntax Highlighter Additions END -->
    
  • Pada Blok Code Tambahkan  
  •  <pre class="brush:php;">
     baris1 code program;
     baris2 code program;
     baris3 code program;
    </pre>
    

  --SELAMAT MENCOBA--


Comments

  1. terimakasih informasinya sangat bermanfaat dan menambah ilmu tentunya..
    st3telkom

    ReplyDelete
  2. terimakasih informasinya sangat bermanfaat dan menambah ilmu tentunya..
    st3telkom

    ReplyDelete

Post a Comment

Popular posts from this blog

Resultset Java - DefaultDataModel