Malam
sobat blogger...? pada malam ini saya akan membahas lagi tentang syntax
highlighter PRISM, setelah sebelumnya saya membahas tentang syntax highlighterversi II. Dari segi kecepatan, tentunya Syntax highlighter ini memiliki
kecepatan dari pada syntax highlighter dari software maniacs. Bagi sobat yang
tertarik memasangnya silahkan ikuti tutorialnya berikut:
Pertama
cari atau ganti kode CSS bagi yang sudah memasang syntax highlighter sebelumnya
dengan kode dibawah ini, bagi yang belum memasangnya silahkan letakan kodenya
di atas ]]></b:skin>
/*
Tema pribadi => RDark
Saya buat berdasarkan tema-tema SyntaxHighligter dari Alex Gorbatchev
URL: http://alexgorbatchev.com/SyntaxHighlighter/manual/themes/rdark.html
*/
pre {
padding:.5em 1em;
margin:.5em 0;
white-space:pre;
word-wrap:normal;
overflow:auto;
background-color:#1B2426;
}
code {
font-family:Consolas,Monaco,'Andale Mono','Courier New',Courier,Monospace;
line-height:16px;
color:#B43D3D;
background-color:#eee;
border:1px solid #ddd;
padding:1px 2px;
}
pre code {
display:block;
background:none;
border:none;
color:#B9BDB6;
direction:ltr;
text-align:left;
word-spacing:normal;
padding:0 0;
}
code .token.punctuation {
color:#83405A;
}
pre code .token.punctuation {
color:#B9BDB6;
}
code .token.comment,
code .token.prolog,
code .token.doctype,
code .token.cdata {
color:#435A4D;
}
code .namespace {
opacity:.8;
}
code .token.property,
code .token.tag,
code .token.boolean,
code .token.number {
color:#5BA1CF;
}
code .token.selector,
code .token.attr-name,
code .token.string {
color:#986A7C;
}
pre code .token.selector,
pre code .token.attr-name,
pre code .token.string {
color:#E0E8FF;
}
code .token.entity,
code .token.url,
pre .language-css .token.string,
pre .style .token.string {
color:#E0E8FF;
}
code .token.operator {
color:#878A85;
}
code .token.atrule,
code .token.attr-value {
color:#48D30F;
}
pre code .token.atrule,
pre code .token.attr-value {
color:#48E638;
}
code .token.keyword {
color:#47A1CF;
font-style:italic;
}
code .token.comment {
font-style:italic;
}
code .token.regex {
color:#B43D3D;
}
code .token.important {
font-weight:bold;
}
code .token.entity {
cursor:help;
}
Selanjutnya
cari kode </body> dan simpan kode dibawah ini diatasnya<script type="text/javascript" src='http://dte-project.googlecode.com/svn/trunk/prism.js'></script> Terakhir simpan template
Semoga
bermanfaat
Sumber:
DTE
0 komentar