Cara Menampilkan source code di blogger

Fungsi syntax highlighter sebenarnya tidak jauh beda dengan Blockquote, hanya saja syntax highlighter ini tampilannya membedakan dari tulisan yang lainnya, namun syntax highlighter  ini mempunyai kelebihan yaitu dengan adanya fitur-fitur yang didukung oleh JQuery.
Fasilitas dari Syntax highlighter ini, antara lain:
  •     Adanya fasilitas print untuk kode.
  •     Adanya fasilitas view source yaitu membuka barisan kode dalam popup windows.
  •     Dan ada 8 jenis theme yang bisa kamu gunakan.
Langkah-Langkan membuat Source code di Blog:
  1. login Ke blogger 
  2. Pilih tab Template / Design > Edit HTML 
  3. Kemudian cari kode <head> untuk mempermudah tekan di keyboard sobat Ctrl+F 
  4. Copy kode di bawah ini dan pastekan di atas kode:     <b:skin><![CDATA[/*
  5. Setelah itu Save Templatenya
  6. Cara penggunaannya silahkan copy code berikut.
  7. <pre class='brush:js'> 
    </pre>
    
  8. Buat postingan > klik tab HTML > pastekan kode tersebut > dan klik tab Compose yang ada disebelah HTML > selesai.
Cara mengganti theme pilih salah satu dari 6 jenis theme yang ingin kamu pasang, 
misalnya Theme Emacs seprti dibawah ini sobat ganti dengan theme yang ada dibawah
1
<link href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeEmacs.css' rel='stylesheet' type='text/css'/>

Pilih themenya dibawah ini :
  1. Theme R Dark
1
<link href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeRDark.css' rel='stylesheet' type='text/css'/>
  1. Theme Midnight

<link href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeMidnight.css' rel='stylesheet' type='text/css'/>
  1. Theme MDUltra

<link href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeMDUltra.css' rel='stylesheet' type='text/css'/>
  1. Theme FadeToGrey

<link href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeEmacs.css' rel='stylesheet' type='text/css'/>
  1. Theme Emacs

<link href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeEmacs.css' rel='stylesheet' type='text/css'/>
  1. Theme Eclipse

<link href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeEclipse.css' rel='stylesheet' type='text/css'/>
  1. Theme Django

<link href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeDjango.css' rel='stylesheet' type='text/css'/>
Semoga Bermanfaat.

0 komentar:

Copyright © 2012 0phuz DarkSector Inspiron.