Rabu, 05 Februari 2014

MEMASANG SYNTAX HIGHLIGHTER PADA BLOG

Pada tutorial kali ini menggunakan contoh pada Blogspot.

Pertama:
Login ke blogger

Kedua:
Masuk ke Template > Edit HTML

Ketiga:
Copy script dibawah ini

 


 

Paste script diatas sebelum kode </head>.
Untuk mempercepat gunakan fitur find (CTRL+F).

Keempat:
Untuk menggunakannya, pada saat membuat postingan, masuk pada bagian HTML, dan tuliskan seperti berikut:
<pre class="brush:html">
Masukkan code/script Anda disini
</pre>
Selesai.


Tambahan.
Untuk mengubah tampilan Syntax Highlighter diatas silahkan Anda ganti pada bagian ini.
<link href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeDefault.css' rel='stylesheet' type='text/css'/>
Gantilah tulisan yang tebal dengan salah satu dibawah ini:
  • shThemeDefault.css
  • shThemeDjango.css
  • shThemeEclipse.css
  • shThemeEmacs.css
  • shThemeFadeToGrey.css
  • shThemeMidnight.css
  • shThemeRDark.css
Semoga bermanfaat

0 komentar:

Posting Komentar