Adimaryanto on SEO: Cara membuat Syntax Highlighter

Cara membuat Syntax Highlighter

Posted by Adimaryanto in tutorial, web design on August 29, 2010

<br /><script src="http://sites.google.com/site/trikblograka/date/shBrushXml.js" type="text/javascript"></script><br /><script src="http://sites.google.com/site/trikblograka/date/shBrushRuby.js" type="text/javascript"></script><br />
Hai.... akhirnya bisa juga menulis artikel ini, sbenernya dah direncanakan dari minggu kemarin mo nulis yang ginian. Berhubung minggu lalu sibuk ngerjain web online store. jadi baru sekarang bisa nulisnya....OK kita mulai aja

Sesuai judulnya "Cara membuat Syntax Highlighter".
Mari kita belajar membuatnya. cara nya ya gampang2 susah, tapi kalo udah terbiasa ntar lama lama bisa.....ckckckck..... ( Sok Pinter MODE : ON )
ini Langkah demi langkahnya :

Buka akun blgospot anda.
Langsung menuju / buka menu " rancangan" klo yg mke bahasa ingris.... apa ya... "templates" kalo ngga salah...... sorry boss lupa....
Udah brada di element halaman, trus klik menu "Edit HTML". nah... dsitu keliatan kode2 dan bahasa orang planet coding. hihihihihi.......
Edit template. jangan lupa centang box Expand Template Widget
Copy dan paste code di bawah ini diantara #tag : <head> dan </head>

<script src="'http://sites.google.com/site/trikblograka/date/shCore.js'" type="'text/javascript'"></script><br /><script src="'http://sites.google.com/site/trikblograka/date/shBrushCpp.js'" type="'text/javascript'"></script><br /><script src="'http://sites.google.com/site/trikblograka/date/shBrushCSharp.js'" type="'text/javascript'"></script><br /><script src="'http://sites.google.com/site/trikblograka/date/shBrushCss.js'" type="'text/javascript'"></script><br /><script src="'http://sites.google.com/site/trikblograka/date/shBrushDelphi.js'" type="'text/javascript'"></script><br /><script src="'http://sites.google.com/site/trikblograka/date/shBrushJava.js'" type="'text/javascript'"></script><br /><script src="'http://sites.google.com/site/trikblograka/date/shBrushJScript.js'" type="'text/javascript'"></script><br /><script src="'hhttp://sites.google.com/site/trikblograka/date/shBrushPhp.js'" type="'text/javascript'"></script><br /><script src="'http://sites.google.com/site/trikblograka/date/shBrushPython.js'" type="'text/javascript'"></script><br /><script src="'http://sites.google.com/site/trikblograka/date/shBrushSql.js'" type="'text/javascript'"></script><br /><script src="'http://sites.google.com/site/trikblograka/date/shBrushVb.js'" type="'text/javascript'"></script><br /><script src="'http://sites.google.com/site/trikblograka/date/shBrushXml.js'" type="'text/javascript'"></script><br /><script src="'http://sites.google.com/site/trikblograka/date/shBrushRuby.js'" type="'text/javascript'"></script><br /><br />
Lalu sisipkan kode dibawah ini sebelum #tag : </body>

<br /><script language="'javascript'"> <br />function start() { <br />dp.SyntaxHighlighter.BloggerMode(); <br />dp.SyntaxHighlighter.HighlightAll('code', true, true, false, 1, false); <br />} <br />window.onload = start; <br /></script> <br />
Langkah selanjutnya adalah memangil code javasript yg sudah disisipkan di template. caranya cukup sederhana, tinggal klik menu --> posting-->entri baru lalu sisipkan kode ini

<br /><textarea name="code" class="c#" cols="60" rows="10"><br />... Isikan kode disini ...<br /></textarea><br />
Kalo saya seh pnya kbiasaan "lebih cepat lebih baik" jadi cukup menyisipkan kode script diatas di menu pengaturan / setting -->fomat--> #template entry. dikotak itu disipin kode script tadi, dengan demikian ngga perlu ngetik lagi. karena kode script tadi otomatis tampil di #new post atau #artikel baru.
Selesai. trus kasih koment di blog gwa ya....

Note :

Backup terlebih dahulu file template blogspot anda. Saya tidak bertanggung jawab jika anda salah hapus.
Silahkan baca dan pelajari cara ini, jangan biasakan copy paste. gunakan gaya bahasa anda sendiri jika anda ingin menulis artkel seperti ini.
Kode diambil dari googlecode : http://sites.google.com/site/trikblograka/date

This entry was posted on August 29, 2010 at 8/29/2010 and is filed under tutorial, web design. You can follow any responses to this entry through the RSS 2.0. You can leave a response.

# by avail - 8/29/10 2:46 PM

wah manteb articlenya yay
tapi saya masih bingung ...maklum newbie

Adimaryanto on SEO

Cara membuat Syntax Highlighter

Related Post

Categories

Last Comment

Friend Site's

Archives

Donate Me

Status YM

Last Status