Sobat Tahu tentang Source code? sobat pasti bingung nyari yang mana ya ?hehehe sobat pasti nyari di google.com sobat gak bisa bukan??
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:
- login Ke blogger
- Pilih tab Template / Design > Edit HTML
- Kemudian cari kode <head> untuk mempermudah tekan di keyboard sobat Ctrl+F
- Copy kode di bawah ini dan pastekan di atas kode: <b:skin><![CDATA[/*
<link href='http://sites.google.com/site/bloggermintcom/shCore.css' rel='stylesheet' type='text/css'/> <link href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeEmacs.css' rel='stylesheet' type='text/css'/> <script src='http://tutorialforyou.googlecode.com/files/shCore.js' type='text/javascript'/> <script src='http://tutorialforyou.googlecode.com/files/shBrushCss.js' type='text/javascript'/> <script src='http://tutorialforyou.googlecode.com/files/shBrushJScript.js' type='text/javascript'/> <script src='http://tutorialforyou.googlecode.com/files/shBrushXml.js' type='text/javascript'/> <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushScala.js' type='text/javascript'/> <script language='javascript' type='text/javascript'> SyntaxHighlighter.config.bloggerMode = true; SyntaxHighlighter.all(); </script>
5. Setelah
itu Save Template
6. cara
menggunakannya, copy kode dibawah ini
<pre class='brush:js'> </pre>7.bikin 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
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 :
- Theme R Dark
1 |
<link
href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeRDark.css'
rel='stylesheet' type='text/css'/> |
- Theme Midnight
1 |
<link
href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeMidnight.css'
rel='stylesheet' type='text/css'/> |
- Theme MDUltra
1 |
<link
href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeMDUltra.css'
rel='stylesheet' type='text/css'/> |
- Theme FadeToGrey
1 |
<link
href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeEmacs.css'
rel='stylesheet' type='text/css'/> |
- Theme Emacs
1 |
<link
href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeEmacs.css'
rel='stylesheet' type='text/css'/> |
- Theme Eclipse
1 |
<link
href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeEclipse.css'
rel='stylesheet' type='text/css'/> |
- Theme Django
1 |
<link
href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeDjango.css'
rel='stylesheet' type='text/css'/> |
Semoga
Bermanfaat
gan mau nanya nih.
ReplyDeletetaruh java script di mana tuh gan?? :A
@anonymous:
Deletedi taruh di bawah :
class='brush:js
Ane nyoba hasilnya kok gak highlight ya?
ReplyDeleteCuma fontnya aja yg berubah jd monoscape.
Theme masih default.
Dan klo ane coba untuk code xml (class='brush:xml') kok malah ilang ya gak kliatan. Jd space kosong