Rabu, 06 Juni 2012

More About SyntaxHighlighter

Koben akan kembali mengulas bagaimana cara pemasangan syntax highlighter ke dalam blog, namun secara default style alias standard version. Untuk versi customize sobat dapat membaca pada artikel gue Syntax Highlighter Alexgorbatchev. Tidak beda jauh dengan itu, namun sedikit pembaharuan saja :) Koben membabat konten dari postingan Two Resource with Good Content, lalu dapat http://www.saher-team.com/ultrasoft/download/js/one/SynHighLight_3.0.83/
Proses instalasi SyntaxHighlighter default version akan meniadakan tetek bengek Copy To Clipboard, Text version or etc :p Kesemuanya akan digantikan dengan klik 2x pada textarea. Lebih simpel dan cepat, begitu kira-kira ;))
Mari kita mulai saja acara installation SyntaxHighlighter for blogger user in the pret.

Cari tagging </body> letakkan tepat dibawahnya ramuan berikut

<link href='http://agorbatchev.typepad.com/pub/sh/3_0_83/styles/shCore.css' rel='stylesheet' type='text/css'/>
<link href='http://agorbatchev.typepad.com/pub/sh/3_0_83/styles/shThemeDefault.css' rel='stylesheet' type='text/css'/>
<script src='http://agorbatchev.typepad.com/pub/sh/3_0_83/scripts/shCore.js' type='text/javascript'/>
<script src='http://agorbatchev.typepad.com/pub/sh/3_0_83/scripts/shBrushJScript.js' type='text/javascript'/>
<script type='text/javascript'>
SyntaxHighlighter.config.bloggerMode = true;
SyntaxHighlighter.all();
</script>
Theme default shThemeDefault.css dapat sobat gantikan dengan 6 theme pilihan. Format penulisan ketika mau melakukan post<pre class="brush: js;">

---------------- YOUR CODED HERE ----------------

</pre>
DONE!

Tidak suka dengan script, atut berat! you can try it my bro Online Syntax Highlighting Generator used CSS only! Setiap lihat tema highlight suka pengen posting ini terus ;))
http://svn.danwebb.net/external/CodeHighlighter/trunk/
http://softwaremaniacs.org/soft/highlight/en/
http://softwaremaniacs.org/media/soft/highlight/test.html
Koben baca juga:
http://www.amitpatil.me/ipad-online-dictionary-with-jquery-mobile/
http://www.designyourway.net/blog/resources/31-css-code-snippets-to-make-you-a-better-coder/
http://www.noisetexturegenerator.com/
http://creatingwebsite-maskolis.blogspot.com/2012/05/johny-magstore-template-magazine-untuk.html
See you :-h

Tidak ada komentar:

Posting Komentar