SyntaxHighlighter (Highlighter sintaks) yang umumnya digunakan untuk blog, terutama berfokus pada tutorial scripting. Kita bisa melihat diblog populer menggunakan stabilo script untuk menyorot script. Ini tidak hanya menyorot script, tetapi juga memberi kita gambaran yang jelas, bagaimana script dirumuskan. Javascript yang satu ini bisa menampilkan css, xml, jscript, python, c # dan bahasa pemrograman yang lain. Sebagian besar blog menggunakan versi yang lama dari SyntaxHighlighter buatan Alexgorbatchev. Jadi di sini saya akan menjelaskan, cara menginstal SyntaxHighlighter pada (blogger / blogspot) diblog anda. Sebelum Anda melanjutkan, disarankan Anda membuat cadangan template blog Anda.
Langkah 1: Saya membuat langkah-langkah instalasi yang lebih sederhana untuk membantu orang menerapkannya semudah mungkin. Arahkan ke Blogger dashboard > Layout > Edit HTML dan Expand Template Widget. Cari bagian <head> dan ketikkan kode ini dibawahnya:
<link href="http://sites.google.com/site/bloggermintcom/shCore.css" rel="stylesheet" type="text/css"></link><br />
<link href="http://sites.google.com/site/bloggermintcom/shThemeDefault.css" rel="stylesheet" type="text/css"></link><br />
<script src="http://sites.google.com/site/bloggermintcom/shCore.js" type="text/javascript"></script><br />
<script src="http://sites.google.com/site/bloggermintcom/shBrushCss.js" type="text/javascript"></script><br />
<script src="http://sites.google.com/site/bloggermintcom/shBrushJScript.js" type="text/javascript"></script><br />
<script src="http://sites.google.com/site/bloggermintcom/shBrushXml.js" type="text/javascript"></script><br />
<script type="text/javascript"><br>
SyntaxHighlighter.all()<br>
</script>
Langkah 2: Skrip yang diketik harus berada didalam tag berikut:
<pre class="brush: js">
Ketik Skrip Disini
</ Pre>
Contoh:
Langkah 1: Saya membuat langkah-langkah instalasi yang lebih sederhana untuk membantu orang menerapkannya semudah mungkin. Arahkan ke Blogger dashboard > Layout > Edit HTML dan Expand Template Widget. Cari bagian <head> dan ketikkan kode ini dibawahnya:
<link href="http://sites.google.com/site/bloggermintcom/shCore.css" rel="stylesheet" type="text/css"></link><br />
<link href="http://sites.google.com/site/bloggermintcom/shThemeDefault.css" rel="stylesheet" type="text/css"></link><br />
<script src="http://sites.google.com/site/bloggermintcom/shCore.js" type="text/javascript"></script><br />
<script src="http://sites.google.com/site/bloggermintcom/shBrushCss.js" type="text/javascript"></script><br />
<script src="http://sites.google.com/site/bloggermintcom/shBrushJScript.js" type="text/javascript"></script><br />
<script src="http://sites.google.com/site/bloggermintcom/shBrushXml.js" type="text/javascript"></script><br />
<script type="text/javascript"><br>
SyntaxHighlighter.all()<br>
</script>
Langkah 2: Skrip yang diketik harus berada didalam tag berikut:
<pre class="brush: js">
Ketik Skrip Disini
</ Pre>
Contoh:
Komentar