yang pasti itu bukan nama panganan :P.
Syntax Highlighter adalah suatu fitur biasanya dari text editor khususnya editor source code bahasa pemrograman tertentu untuk menampilka text tersebut dalam berbagai warna agar dapat memudahkan programmer dalam membaca dan menganalisa source code tersebut.
Bagi Anda yang sering posting source code pada Web/Blog tentu fitur Syntax Highlighter akan sangat membantu agar source code yang kita posting mudah dibedakan sebagai source code dan tentunya enak dipandang mata Nah, sekarang masalahnya bagaimana cara kita menggunakan Syntax Highlighter ini pada blog khususnya di Blogger.com?
Langsung saja di coba menerapkannya di Blog anda... Copas Script di Bawah dan Letakan di atas code </head>
<link href='http://dl.dropbox.com/u/66187775/javascript/pre-js-link/prettify-1-Jun-2011/google-code-prettify/styles/desert.css' rel='stylesheet' type='text/css'/> <script src='http://dl.dropbox.com/u/66187775/javascript/pre-js-link/pretty.js' type='text/javascript'/> <script src='http://dl.dropbox.com/u/66187775/javascript/pre-js-link/prettify-1-Jun-2011/google-code-prettify/src/lang-css.js' type='text/javascript'/> <script src='http://dl.dropbox.com/u/66187775/javascript/pre-js-link/prettify-1-Jun-2011/google-code-prettify/src/lang-tex.js' type='text/javascript'/>Jika sudah di pasang sekarang cari kode <body> agar lebih cepat gunakan CTRL+F pada keyboard anda. jika sudah ketemu sekarang masukan code di bawah dan tempatkan di dalam code <body> tersebut ..
onload='prettyPrint()'cara Penampatannya seperti contoh di bawah :
<body onload='prettyPrint()'>Hanya segitu saja script yang di butuhkan pada HTML ...
Terus Bagaimana Cara Menggunakannya Pada Artikel atau postingan..??
pada saat kalian menuliskan artikel baru yang berupa code HTML,Javasript,Atau CSS. kalian hanya mengunakan code berikut...
Untuk html :
<pre class="prettyprint lang-html">...</pre>Untuk CSS :
<pre class="prettyprint lang-css">...</pre>Untuk Javasript :
<pre class="prettyprint lang-js">...</pre>Untuk TEXT :
<pre class="prettyprint lang-tex">...</pre>
Selesai sudah postingan cara membuat SyntaxHighlighter® atau SyntaxHighlighting ini. semoga bermanfaat . dan jika ada kesalahan dalam penulisan atau code tidak berjalan saya mohon maaf untuk kekurangannya anda bisa tinggalkan komentar jika ada yang masih di tanyakan atau bisa menambahkan kritik dan sarannya ..Terima kasih atas kunjungannya.
4 KOMENTAR
Wah tutorial yg mantapzz..pertamaxxxx...
ane dah coba tapi klo masukin kode php <? tar malah jadi <--? gmn tuh?
terima kasih atas tutorialnya, sangat bermanfaat
@Jefry'Thankz juga sob atas kunjungannya..keep smile and come again..
TULIS KOMENTAR DI BAWAH INI