Syntax Highlighter : Plugin Untuk Mempercantik Tampilan Kode Program
Beberapa waktu yang lalu saya mencoba membuat sebuah program C++ sederhana dan menampilkan kode / script program C++ tersebut di blog ini. Awalnya kode program C++ tersebut saya ketikkan begitu saja dan anda bisa menebak hasilnya, tentu saja acak-acakan. Kemudian saya mencoba menggunakan tag <code> yang sudah tersedia, dan hasilnya cukup lebih baik karena theme yang saya gunakan telah membedakan CSS untuk tag <code> ini. Bener gitu jelasinnya ya?
Tapi saya belum puas juga dengan tampilan kode program C++ yang masih kurang menyerupai aslinya, tentu saja ini kurang menarik bagi mereka yang melihatnya. Kebetulan juga saya melihat di blog lain dimana tampilan kode program yang cukup menarik, saya pun mencoba mencari tahu bagaimana caranya.
Dan akhirnya saya menemukan sebuah plugin untuk blog Wordpress untuk keperluan saya ini, namanya Syntax Highlighter. Sekarang tampilan kode program yang saya buat menjadi jauh lebih menarik dan mudah dipahami. Untuk sementara saya puas dengan hasil dari plugin Syntax Highlighter ini.
Oya, plugin Syntax Highlighter ini saya dapatkan disini, silahkan download lalu install seperti menginstall plugin wordpress pada umumnya. Untuk cara menggunakan juga cukup gampang, cukup menggunakan tag <pre>. Jangan lupa ketika mengetiknya pada post wordpress anda gunakan mode HTML, bukan mode VISUAL. Misalnya untuk kode PHP :
…Your PHP Code Here
Selain PHP, berikut adalah kode program yang didukung :
- Bash/shell
- C#
- C++
- CSS
- Delphi
- Diff
- Groovy
- JavaScript
- Java
- Perl
- PHP
- Plain Text
- Python
- Ruby
- Scala
- SQL
- Visual Basic
- XML
Selain menggunakan plugin ini, ada juga SyntaxHighlighter Plus yang sepertinya pengembangan dari plugin Syntax Highlighter yang saya gunakan ini, tapi saya masih malas untuk mencobanya, hehe. Selain itu sebagai perbandingan mungkin ada gunanya anda membaca tulisan ini sebelum mencoba plugin Syntax Highlighter atau pun plugin SyntaxHighlighter Plus. Buat yang lebih berpengalaman dalam hal ini, mohon bimbingannya.
aduh bli wira, malu ni saya ga ngerti
plugin bagus nih, selama ini kalau mau nulis coding di blog masih harus manual
wahh, mantabb neh buad nulis coding2 d web ..
tenks banyak sob ..
wah pluginnya keren bisa di coba …
pasang kagak ya? jarang nulis koding sih… [koding aja kagak ngerti]
Saya pakai SyntaxHighlighter Evolved: http://www.viper007bond.com/wordpress-plugins/syntaxhighlighter/
Itu plugin pengembangan dari SyntaxHighlighter, dimana sudah dilengkapi dengan setting interface untuk mengganti warna tampilan kode dan background, menampilkan line number dan toolbar, membuat url jadi clickable, dsb.
menarik, tapi sepertinya pada theme yang saya pilih sudah ada pilihan highlighternya. periksa tkp dulu
mantabs nih… tapi tampaknya perlu saya coba langsung dulu… nanti baru reviewnya
canggih…mantepzz…
di blog ane wordpress misi sing bli?
Wah saya ndak paham
Kebetulan lagi perlu yang kayak gini. Thanks infonya bli. Langsung menuju ke TKP
yen be masalah C++ pasti ing ngerti….melajah malu ajak pak dosen…:D
Hmm… saya tidak lagi menggunakan plugin-plugin highligther tersebut.
Alasannya cuman tidak mau memperberat loadingnya… hehehehe
loh… komentar saya di mana ya?
sekarang saya tidak menggunakan plugin2 tersebut, alasannya hanya mau mengurangi beban loading web.
hoho seneng deh kalo ada yang bikin2 cantik blog ..
makasih mas infonya .. sedoot jugaa ah hoho
@yudi : jangan merendah gitu Yud..
@jimmy : hehe, makasi…
@enggalicious : sama2..
@cyzko : silahkan..
@Artha : halah… gaya gen bli arta ini… jangan merendah gitu ah..
@fanari : wah, terima kasih info dan tambahannya mas, nanti mungkin akan saya update lagi pakai plugin tersebut
@arifin : oya, bagus dong theme itu
@arham blogpreneur : sekalian aja coba yang lebih baru, saya tunggu review-nya
@elsadra : yoi..
@bukan winardi : nah, itu yang saya belum tahu, sepertinya nggak bisa, tapi nggak tahu juga, ada yang pernah mencoba?
@Adi : hehehe
@Deddy : sama-sama, senang bisa berbagi..
@ekabelog : dosennya juga belajar kok :p
@ganda : jadi lebih lambat ya? mudah2an tidak terlalu pengaruh, mohon maaf komentar anda sempat mampir di spam, akismet saya kerjanya nggak beres nih, sekali lagi saya mohon maaf.
@MacFamous : sama2…
Terima Kasih atas informasinya
sangat bermanfaat.
.-= Neotech-r3´s last blog ..Hacker pleads guilty to ID thefts netting millions =-.
@Neotech-r3 : sama2…