Menulis Kode Program dengan Plugin SyntaxHighlighter


Kode ProgramDalam mengelola blog wordpress, untuk tingkat lanjut pasti akan sering menggunakan kode-kode program. Trik-trik pada kode program itu bisa saja di share ke orang lain. Tapi penulisan kode program agar mudah dibaca, perlu plugin SyntaxHighlighter. Maksudnya mudah dibaca itu untuk yang paham bahasa program. Kalo ga paham, ya tetap ga bisa 😀 .
Trus apa gunanya plugin SyntaxHighlighter? Plugin ini memudahkan kamu untuk menulis artikel yang memiliki code-code program. Cukup banyak bahasa program yang disupport. Daftar bahasa program yang disupport bisa dilihat di sini. Yuk kita coba cara menggunakan plugin ini. Pengguna WordPress.com juga bisa menggunakan plugin ini secara otomatis, jadi ga perlu install lagi, asyik kan.

Kebutuhan.

  1. Untuk pengguna WordPress self-hosted, Install dulu SyntaxHighlighter melalui Plugins » Add New. Ketik “SyntaxHighlighter” di kolom search plugin, trus klik search. Cari SyntaxHighlighter Evolved trus klik install. Jangan lupa untuk di aktifkan plugin-nya.
  2. Untuk pengguna WordPress.com, ga usah install apapun, karena sudah terinstall secara default.

Cara Menggunakan SyntaxHighlighter Pada WordPress Self-hosted

    1. Bikin post seperti biasa (Add New Post).
    2. Ubah dulu mode editor dari “Visual” ke mode “Text”.Untuk menggunakannya dalam artikel, kamu harus menggunakan Brush Aliases yang sesuai. Contoh, Brush Aliases untuk kode html adalah [html] maka di tulis
      [html]
      kode program di sini
      [/html]

Berikut contoh untuk Brush Aliases HTML [html]

   <meta charset="UTF-8" /> 		
   <link href="style.css" rel="stylesheet" media="all" type="text/css" />
   <meta name="viewport" content="width=device-width" />
   <meta name="apple-mobile-web-app-capable" content="yes" />
   <meta name="apple-mobile-web-app-status-bar-style" content="black" />

Berikut contoh untuk Brus Aliases ActionScript 3 [as3]

package com.adobe.air.crypto
{
  import com.adobe.crypto.SHA256;

  import flash.data.EncryptedLocalStore;
  import flash.utils.ByteArray;

Berikut contoh untuk Brush Aliases C++ [cpp]

#include
#include

class OgreSkeletonReader
{
  std::ostream& errors;

public:
  OgreSkeletonReader(std::ostream& e) : errors(e) {}
  void parse(XmlNode& root)
  {
  }

Daftar Brush Aliases bisa lihat di sini

Cara Menggunakan SyntaxHighlighter untuk WordPress.com

    1. Bikin post seperti biasa (Add New Post).
    2. Ubah dulu mode editor dari “Visual” ke mode “Text”.Untuk menggunakannya dalam artikel, kamu harus menggunakan Code Language yang sesuai.
kode disini
[⁄code]</pre>
<ol>
	<li>Code language diganti sesuai dengan jenis bahasa program. Untuk melihat bahasa program apa aja yang sudah di support, bisa liat <a href="http://en.support.wordpress.com/code/posting-source-code/" target="_blank">di sini</a>.</li>
</ol>
Berikut contoh untuk code language “html”
<pre>
<div></div>
<meta charset="UTF-8" />
<div></div>
<div></div>
	<link href="style.css" rel="stylesheet" media="all" type="text/css" />
<div></div>
<div></div>
<meta name="viewport" content="width=device-width" />
<div></div>
<meta name="apple-mobile-web-app-capable" content="yes" />
<div></div>
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<div></div>

Berikut contoh untuk code language “ActionScript3”.

package com.adobe.air.crypto
{
  import com.adobe.crypto.SHA256;

  import flash.data.EncryptedLocalStore;
  import flash.utils.ByteArray;

Berikut contoh untuk code language C++ “cpp”

#include
#include

class OgreSkeletonReader
{
  std::ostream& errors;

public:
  OgreSkeletonReader(std::ostream& e) : errors(e) {}
  void parse(XmlNode& root)
  {
  }

Cara Menggunakan WAMP Server


Web Server
Web Server

Setelah sebelumnya kita belajar menggunakan FTP di sini, kita sekarang perlu berkenalan dengan salah satu aplikasi wajib jika kamu ingin serius bikin blog. Apa itu? Aplikasi server offline. Apa? Server? He3, ga usah kaget, memang seperti itulah. Sebenarnya ada banyak aplikasi server offline anatara lain XAMP, MAMP, dan WAMP. Kita pake WAMP aja karena itulah paling mudah menurut saya. WAMP singkatan dari Windows, Apache, MySQL, dan PHP. Banyak sekali manfaat kalo kamu memiliki server WAMP secara offline. Apa aja itu? Continue reading “Cara Menggunakan WAMP Server”

Cara Menggunakan FileZilla


Salah satu tools/software yang wajib diketahui kalo kamu punya web di hosting-berbayar adalah Filezilla. Apa itu filezilla? Tenang, itu bukan seperti monster Godzilla. Itu hanyalah software yang digunakan untuk transfer file melalui internet. Yuk, kita berkenalan dengan FileZilla dan bagaimana cara menggunakan FileZilla itu.

Continue reading “Cara Menggunakan FileZilla”

Cara Install WordPress Menggunakan Softaculous


Ada banyak cara untuk meng-install WordPress. Masing-masing punya kelebihan dan kekurangan. Nah, saya akan membahas install WordPress yang paling gampang dan paling mudah yaitu Instalasi dengan menggunakan Softaculous.

Mungkin ada yang belum tau Softaculous, Softaculous adalah script untuk menginstall aplikasi web seperti Joomla, WordPress, dll. Softaculous ini biasanya disediakan jika kamu menyewa hosting. Kadang web hosting tidak menyediakan Softaculous tapi menyediakan Fantastico atau script installer yang sejenis. Tapi untuk saat ini saya akan membahas cara install dengan Softaculous.
Continue reading “Cara Install WordPress Menggunakan Softaculous”