Tips Blog & SEO – Menampilkan Posting Source Code di WordPress.com dengan lebih baik


Tips Blog & SEO ini akan membahas tentang bagaimana menampilkan posting berbagai source code/script sepeti CSS, Javascript, PHP dan lain-lain di  WordPress.com dengan tampilan yang lebih baik.

Selama ini pihak WordPress.com tidak mengijinkan blogger menggunakan source code “berbahaya” dalam postingannya. Untuk itu pihak wordpess.com menyediakan fitur agar posting yang mengandung source code tetap dapat disajikan dan blog tetap terlindungi dari source code yang berbahaya tersebut.

Kelebihan Fitur Source Code WordPress.com

Fitur  memiliki berbagai klibihan

  • higlighting, resever word/kata tercadang ditampilkan dengan warna teks tertentu. Higglighting mendukun bergabagai script/kode pemrograman  seorti: actionscript3, bash, coldfusion, cpp, csharp, css, delphi, erlang, diff, groovy, javascript, java, javafx, objc, perl, php,text, powershell, python, ruby,scala,sql, vb, xml.
  • Padline Numbers, disebelah kanan soure code terdapat nomor baris
  • Toolbar, beriisi fasilitas:  view source, print, copy to clipboard
  • Scrolbar, untuk mengatasi source code yang lebar/sangat panjang

Parameter Fitur Source Code WordPress.com

Beberapa parameter yang dapat digunakan untuk kustomsasi tampilan source code, yaitu:

  • autolinks (true/false) — Mebuat aembut URL yang ada di kode posting dapat diklik. Nilai Defaultnya true.
  • collapse (true/false) — Jika  bernilai true, maka kotak code akan disusutkan (colaps), pengunjung harus mengklik untuk melebarkanya. Cocok untuk posting yang sangan panjang.  Nilai Default parameter ini adalah false.
  • firstline (number) — Untuk mengganti nomor awal baris.  Nilai defaultnya 1.
  • gutter (true/false) — Jika disetingg  false, maka nomor baris yang ada disisi kiri akan disembunyikan. Nilai Defaultnya true.
  • highlight (daftar nomor baris) — Blogger dapat menentukan baris keberapa saja yang akan di highlight . Sebagai contoh: “4,7,19″.
  • htmlscript (true/false) — Jika bernilai trus, maka semua kode  HTML/XML akan di highlight.  Ini sangat bermanfaat jik kode merupakan campuran dari berbagai scrip, misalnya kode PHP yang berada dalam HTML. Nilai sefaulnya adalah false dan hanya akan bekerja untuk bahasa pemrograman yang telah ditentukan.
  • light (true/false) — Jika bernilai true,  makan nomor baris dan toolbar akan disembunyikan. Parameter ini sangat membantu untuk kode yang terdiri dari satu atau dua baris saja. Nilai  defaultnya false.
  • toolbar (true/false) — Jika bernilai false, maka toolbar  akan disembunyikan.  Defaultnya true.
  • wraplines (true/false) — Jika bernilai fals, maka baris code yang panjang tidak pindah baris (wrap) . Hal ini akan memunculkan horizontal scrollbar.

Contoh Penggunaan Fitur Source Code WordPress.com

Contoh penggunaannya dalam script csss

hasilnya akan tampil sebagai berikut:

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

15 thoughts on “Tips Blog & SEO – Menampilkan Posting Source Code di WordPress.com dengan lebih baik

    • Tidak bisa, fitur ini hanya untuk menampilkan sourcecodenya saja. Fitur ini biasanya digunakan untuk pembelajaran bahasa pemrograman, dimana source code sering ditampilkan. Semoga memuaskan & Terimakasih sdh berkunjung.

  1. mas mau nanya..(tp agak ga nyambung 🙂 )
    kalo mau ganti gambar avatar gmn ya?
    gambar yang muncul ketika kita kasih koment itu..
    saya nda tau caranya nih..

    makasih sebelumnya..
    🙂

  2. Wah kebetulan sekali saya lagi nyari cara untuk menulis source code di WordPress karena mau menulis tutorial. Terima kasih pak artikelnya.

    Blog ini bagus2 artikelnya, saya minta izin follow yah 😀

    Oh iya kunjung juga blog saya di http://hihia.co.cc tentang seputar dunia IT dan DSP nantinya.

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