Memasang Syntax Highlighter Simple dan keren di Blog ala Indcreate

         Setah bertahun tahun ngutak atik blog secara otodidak akhirnya ane mulai terbiasa ngeblog, awalnya ane gak ngerti apa apa, apa itu Seo, Meta tag, back link, Syntax Highlighter dan lain sebagainya alhamdulilah sekarang masih agak nggak ngerti juga haha :D. Buat kamu blogger pemula, jangan patah semangat karena untuk menjadi blogger hebat itu tidak bisa instant perlu waktu dan prosses. Ngomong ngomong soal Syntax Highlighter, pada post kali ini ane mau share tentang cara memasang Syntax Highlighter Simple dan mudah dilakukan.
      APa itu Syntax Highlighter? buat yang belum tau bisa baca di sini
      Untuk memasang SyntaxHighlighter di blog silahkan ikuti langkah" berikut ini:
1.  Login dengan akun blogger kamu langsung masuk ke Edit template
2.  Simpan kode CSS berikut diatas kode ]]></b:skin>

 /* Syntac Highlihter indcreate */
pre {border-left: 7px solid red; padding:.5em 1em;margin:.5em 0; white-space:pre; word-wrap:normal; overflow:auto;  background-color:#1B2426;}
code {  font-family:Consolas,Monaco,'Andale Mono','Courier New',Courier,Monospace;  line-height:16px;  color:#fff;  background-color:#eee; border:1px solid #ddd;  padding:1px 2px;}
pre code {  display:block;  background:none;  border:none;  color:#B9BDB6;  direction:ltr;  text-align:left;  word-spacing:normal;  padding:0 0;} 

3. Simpan Template

Cara penggunaannya sangat mudah kamu tinggal meletakkan code/ text didalam tag pre code seperti ini:

<pre><code> Masukan kode atau teksnya disini </code></pre>

Gimana mudah kan? Keunggulan dari syntax highligter ini lebih ringan soalnya tidak menggunakan java script, dengan begitu speed blog tidak terpengaruh.
       *Catatan: Jika kamu ingin menampilkan  Syntax Highlighter lebih keren lagi atau full color silahkan ikuti cara disini

    Ok sekian post kali ini semoga bisa menambah wawasan kamu soal blog, semoga berman faat :D