Follower

My Article

Link Seputar Kampus

From This Blog Only!

Rubic's Cube

Chit-Chat

Contoh Syntax Highlighter

wah, sudah lama sekali saya tidak memposting tutorial. Akibat pusing memikirkan skripsi. ha3. walaupun sampai saat ini skripsi saya belum selesai... [i_-_].. (sedikit curhat... :D)
Baiklah, sekarang saya akan memposting tutorial sederhana tentang menambahkan Syntax Highlighter pada blogger.
Bagi yang belum tahu, Syntax Highlighter itu merupakan tools yang berfungsi untuk menampilkan sintak-sintak di blog. Biasanya digunakan oleh orang yang ingin memposting tutorial tentang pemrograman.
Baiklah, seperti biasa. Langsung ke pokok permasalahannya biar pembaca tidak bosan... ha3.

1. Login ke blog Anda.
2. Ketika di "Dashboard", masuk ke "Design"
3. Klik "Edit HTML"
4. Jangan lupa backup dahulu Template Anda dengan mengklik "Download Full Template"
5. copy kode dibawah ini:




















6. Ketika di Template, Tekan "CTRL+F" pada keyboard Anda, kemudian ketikkan "</head>" untuk mencari kode tersebut
7. paste kode yang sudah di copy tepat diatas sintak "</head>"
8. Klik "Preview" untuk memastikan bahwa Syntax Highlighter sudah terpasang dengan benar
9. Klik "Save Template"

Syntax Highlighter mendukung beberapa sintak, yaitu:
LanguageAliases
C++cpp, c, c++
C#c#, c-sharp, csharp
CSScss
Delphidelphi, pascal
Javajava
Java Scriptjs, jscript, javascript
PHPphp
Pythonpy, python
Rubyrb, ruby, rails, ror
Sqlsql
VBvb, vb.net
XML/HTMLxml, html, xhtml, xslt

Untuk mempergunakan tools ini, cukup ketikan sintak pada bagian "Edit Html" ketika berada di Edit Posts seperti sintak di bawah ini:

<pre class="brush: html">
(ketikkan sintak diantara tag ini)
</pre>

atau

<script type="syntaxhighlighter" class="brush:html"><![CDATA[
(ketikkan sintak diantara tag ini)
]]></script>

html pada pre ataupun script, dapat diubah sesuai dengan aliases pada tabel di atas.
apabila ingin memposting kode javascript, maka html diubah menjadi js atau dapat juga diubah menjadi jscript ataupun javascript
berikut adalah perbedaan antara pre dengan script:


public static final String contoh = "Ini Contoh menggunakan pre";



Bagaimana???, apakah terlihat bedanya??? karena saya sendiri tidak melihat perbedaannya... kecuali baris yang digunakan... ha3... (saya kira ada perbedaan di sintak dan sebagainya)

NB: Semua tutorial yang Saya berikan sudah Saya coba terlebih dahulu dan hasilnya adalah berhasil.

Mohon maaf apabila terdapat kesalahan atas artikel ini.

Blog For Fun And Knowledge. :D.

2 Comment Of Course

  1. Deni Indrawan  

    terima kasih infonya.saya coba dulu

  2. Unknown  

    my name its rommy vandal

Posting Komentar

Translator

My Twitter

My Kaskus ID

Ktp Kaskus Gw

Favourite Quote

Only GOD knows what will happen now and somehow.
-Bondan Prakoso & Fade2Black-
______________________________ Yesterday is history, tomorrow is a mystery, but today is a gift.
That's why it is called the "present".
-Oogway "Kung Fu Panda"-
______________________________ Doubt is the beginning of knowledge.
-Rene Descartes-
______________________________ If you use your head, you can uncover the logical answer.
-Kudo Shinichi-
______________________________ Earth is our grandest stage.
So, do the best until we die and the end of the show.
-Rocket Rockers-

About Your Connection

My Visitor Counter

Live Traffic Feed