Membuat Syntax Higliter Keren Di Blog

Hallo Sobat IDtemplatez,Kembali Lagi Saya akan membagikan Sebuah Tutorial Membuat Syntax Higliter di blog yang biasa di gunakan untuk menaruh code HTML Atau CSS Di blog,Syntax Ini mempunyai Fitur Yang tidak terlalu mencolok seperti Tulisan yang berwarna hijau Bukan Hanya Itu saja Fitur Unggulanya Juga Ada Syntax Ini Tentunya Ringan Untuk Blog Sobat.

Syntax Ini Bisa Ringan Karena hanya mengandalkan CSS Saja Dan menggandalkan Scroll pada Smartphone.

Ringan,Namun Tetap nyaman pada mode responsive,karena dapat di slide ke kiri dan kanan.


Meletakkan Script Jadi mudah dengan Adanya Syntax Ini :
DEMO

Untuk Tutorial Pemasanganya Silahkan Ikuti Langkah Berikut :

Letakan Kode CSSBerikut Ke Dalam  ]]></b:skin> atau </Style>

pre{
  background-color:#000;
  color:#00695c;
  max-width:80%;
  border-left:1px solid #fff;
  height:100%;
  font-family:Menlo, "Bitstream Vera Sans Mono", "DejaVu Sans Mono", Monaco, Consolas, monospace;
}
h1.tulisan-atas{
  color:#039be5;
  background:#000;
}

Save Dan Lihat Hasilnya

Untuk Pemanggilan Script Kalian Bisa Gunakan Tag 

<pre></pre>
Sekian Tutorial Kali Ini,Semoga Bermanfaat dan Salam Blog IDtemplate