Membuat Syntax Highlighter pada blog ~ F2

Membuat Syntax Highlighter pada blog | Syntax Highlighter adalah suatu fitur pemograman khusus yang biasanya di gunakan pada pemograman terstentu,untuk menampilkan text dalam berbagai warna,agar dapat memudahkan pemograman dalam mebaca dan menganalisa source code pada web atau blog anda,dengan memasang syntax highlighter di blog kita agar dapat mudah membedakan source code dan tentunya dengan memasang Syntax Highlighter dapat menarik untuk para pengunjung blog kita.

Namun selain itu di blog kita agar dapat membedakan code atau tulisan yang menurut kita penting kita dapat menggunakan blockquote,tetapi untuk menariknya kita dapat memasang Syntax highlighter di blog kita untuk membedakan code source sehingga penampilan postingan kita akan lebih menarik dengan terpasangnya syntax highlighter.dan di bawah ini adalah cara pembuatan syntax highlighter tersebut

Cara Membuat Syntax Highlighter di blog

Masuk ke blogger
Lalu pilih template
Dan Masuk ke Edit html
Kemudian Silahkan Cari kode ]]></b:skin> dan simpan kode berikut sebelum kode tersebut


pre code {
  display: block; padding: 0.5em;
  color: #DCCF8F;
  background: url(https://sites.google.com/site/problogiz/home/pojoaque.jpg) repeat scroll left top #181914;}
pre .comment,
pre .template_comment,
pre .diff .header,
pre .doctype,
pre .lisp .string,
pre .javadoc {
  color: #586e75;
  font-style: italic;}
pre .keyword,
pre .css .rule .keyword,
pre .winutils,
pre .javascript .title,
pre .method,
pre .addition,
pre .css .tag,
pre .clojure .title,
pre .nginx .title {
  color: #B64926;}
pre .number,
pre .command,
pre .string,
pre .tag .value,
pre .phpdoc,
pre .tex .formula,
pre .regexp,
pre .hexcolor {
  color: #468966;}
pre .title,
pre .localvars,
pre .function .title,
pre .chunk,
pre .decorator,
pre .built_in,
pre .lisp .title,
pre .clojure .built_in,
pre .identifier,
pre .id {
  color: #FFB03B;}
pre .attribute,
pre .variable,
pre .lisp .body,
pre .smalltalk .number,
pre .constant,
pre .class .title,
pre .parent,
pre .haskell .type {
  color: #b58900;}
pre .css .attribute {
  color: #b89859;}
pre .css .number,pre .css .hexcolor{
  color: #DCCF8F;}
pre .css .class {
  color: #d3a60c;}
pre .preprocessor,
pre .pi,
pre .shebang,
pre .symbol,
pre .symbol .string,
pre .diff .change,
pre .special,
pre .attr_selector,
pre .important,
pre .subst,
pre .cdata {
  color: #cb4b16;}
pre .deletion {
  color: #dc322f;}
pre .tex .formula {
  background: #073642;
}

Langkah selanjutnya silahkan anda cari lagi kode </head> dan letakan kode berikut sebelum kode tersebut


 <script src="https://sites.google.com/site/m4w4nz/highlight.pack.js" type='text/javascript'></script> 
  <script type='text/javascript'>
      hljs.initHighlightingOnLoad();
  </script>

Dan Save template lalu lihat hasilnya

Dan cara penggunaan kode tersbut silahkan anda gunakan kode berikut di postingan anda

<pre><code>
.............postingan..........
</pre></code>

Nah itulah cara membuat Syntax highlighter semoga artikel ini bisa membantu dan bisa bermanfaat untuk anda para blogger

File download Mp3 Full Album kami compres menggunakan rar dan disimpan melalui hosting 4shared.com dan mediafire.com, file rar tidak menggunakan Password. How To Download