Cara Membuat Postingan Source Code di blogspot



Halo kawan pada kali ini saya akan membagikan trick yang mana trick gunanya untuk memposting source code dengan tampilan yang indah di blog teman - teman semua, langkah - langkah yang harus dilakukan :

  1. Tentunya teman - teman harus sudah login ke dalam blognya
  2. Masuk Ke home dan pilih Setting pada blog yang akan di edit settingannya:
  3.  Pilih Template kemudian pilih edit HTML :
  4. Pilih template dan diatas </head> pastekan code ini :
     
    
    <!---***********digunakan untuk menulis code***********************--> 
    
     
    <link href='http://alexgorbatchev.com/pub/sh/current/styles/shCoreDefault.css' rel='stylesheet' type='text/css'/>
    
    
    <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 src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushXml.js' type='text/javascript'/>
    <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPhp.js' type='text/javascript'/>
    <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJScript.js' type='text/javascript'/>
    <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushSql.js' type='text/javascript'/>
    
    
    <script language='javascript' type='text/javascript'>
    SyntaxHighlighter.config.bloggerMode = true; 
    SyntaxHighlighter.config.clipboardSwf = "http://alexgorbatchev.com/pub/sh/2.1.382/scripts/clipboard.swf"; 
    SyntaxHighlighter.all(); 
    
    </script>
    <!---**************************************************************************************-->
    
    
    
  5. sebelum di copy code keposting kita, kita harus convert terlebih dahulu code disini
  6. Kemudian jika berkeinginan memposting source code harus berada di antara code ini :
     
    <pre class="brush:jfx, brush:javafx, brush:java, brush:php, brush:css, brush:js, brush:html, brush:sql">
    
    masukkan code nya disini
    
    
    </pre>