Cara Memasukkan Kode di Blog WordPress.com

Seringkali saat kita ingin membuat artikel tentang Bahasa Pemrograman di blog, kita menggunakan kode [“code] (tanpa tanda petik) isi source program lalu ditutup dengan [“/code] (tanpa tanda petik).

Seperti juga saat kita ingin membuat halaman Tukar Link kita lebih baik daripada hanya menggunakan syntax [“code] (tanpa tanda petik). WordPress sebenarnya menyediakan syntax yang bisa membuat kode yang kita posting di blog kita menjadi lebih baik.

Menggunakan syntax [//code] tanpa tanda //

1 untuk membuat tulisan seperi ini

Lalu bagaimana dengan memunculkan source code seperti di bawah ini?

1 #button { font-weight: bold; border: 2px solid #fff; }

Caranya adalah dengan mengggunakan sintaks atau kode [//sourcecode language=”css” highlight=”3″] #button { font-weight: bold; border: 2px solid #fff; } [///sourcecode]. Hilangkan tanda garing warna merah.

Beberapa tipe bahasa pemrograman yang didukung wordpress.com adalah:

  • actionscript3
  • bash
  • clojure
  • coldfusion
  • cpp
  • csharp
  • css
  • delphi
  • erlang
  • fsharp
  • diff
  • groovy
  • html
  • javascript
  • java
  • javafx
  • matlab (keywords only)
  • objc
  • perl
  • php
  • text
  • powershell
  • python
  • r
  • ruby
  • scala
  • sql
  • vb
  • xml

Jika kita tidak menentukan tipe bahasa apa yang digunakan, secara default wordpress.com akan menganggap kita menulis kode dengan tipe “text”.

Konfigurasi parameter

ShortCode di wordpress.com juga mendukung beberapa parameter yang biasa digunakan untuk mengubah tampilan akhir atau out put saat menulis artikel yang berisi bahasa pemrograman.

  • autolinks (true/false) — Membuat semua URL pada barisan kode yang diposting bsia diklik. Setingan awal bernilai true.
  • collapse (true/false) — Jika kita memilih true, kode yang kita tulis akan terlihat collapsed atau mengecil, dan membutuhkan pengunjung untuk melakukan klik agar barisan kode kita terlihat semua. Setingan awal bernilai false.
  • firstline (number) — SObat bisa menggunakn parameter ini untuk merubah nomor pertama saat kode dimulai. Setingan awal bernilai 1.
  • gutter (true/false) — Jika kita memilih false, maka baris nomor di sebelah kiri akan disembunyikan. Setingan awal bernilai true,
  • highlight (pisahkan tiap baris dengan tanda koma) — Sobat bisa mendaftar baris yang ingin di highlight. Sebagai contoh “4,7,19”.

Untuk parameter-parameter lain bisa dilihat langsung di sumbernya. Semoga bermanfaat

Posted on Mei 15, 2012, in PANDUAN WORDPRESS. Bookmark the permalink. Tinggalkan komentar.

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: