Artikel Terbaru :

Memasang Syntax Highlighter Pada Blogger

Rabu, Juni 06, 2012 | komentar (5)

Mungkin beberapa dari Anda muncul pertanyaan apa itu Syntax Highlighter?

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.
Share this article :
Artikel tentang Memasang Syntax Highlighter Pada Blogger. diposting oleh Bang Arul pada hari Rabu, Juni 06, 2012.Tak lengkap rasanya jika kunjungan anda di pehu.web.id. ini tanpa meninggalkan sedikit jejak. Semoga artikel Memasang Syntax Highlighter Pada Blogger ini bermanfaat. Terimakasih...

Get free daily email updates!

Follow us!

5 KOMENTAR

7 Juni 2012 10.54

Wah tutorial yg mantapzz..pertamaxxxx...

16 Agustus 2012 10.38

wih keren sob .

komentar balik yaa sob .. www.ekooe.blogspot.com

13 Oktober 2012 14.42

ane dah coba tapi klo masukin kode php <? tar malah jadi <--? gmn tuh?

26 November 2012 16.25

terima kasih atas tutorialnya, sangat bermanfaat

21 Januari 2013 23.03

@Jefry'Thankz juga sob atas kunjungannya..keep smile and come again..

TULIS KOMENTAR DI BAWAH INI

Terima kasih atas kunjungannya. Bahagia rasanya jika Anda berkenan meninggalkan sedikit jejak disini. But No Spam, No Porn....OK Bro!!!

 
Template dimodifikasi oleh pehu.web.id
Copyright © 2013. | Powered by Blogger