Dec252012

Menampilkan Script Atau Source Code Pada Posting Di WordPress

Blogging • Script

WordPress merupakan CMS yang sudah lazim digunakan para blogger. Baik yang self hosted ataupun di wordpress.com. Dalam membuat artikel pun sudah sangat dimanjakan dengan fitur visual editingnya yang cukup lumayan.

Ketika kita membuat artikel tentang pemrograman, kita tentu perlu menampilkan script. Terutama script html, css, php, dan sejenisnya. Namun, jika kita tulis dengan editor visual wordpress, maka script tersebut akan tertampil dan terformat seperti text biasa. Untuk itu diperlukan sedikit pengeditan dengan beralih dari mode editor visual ke mode pengeditan text.

Screenshot (79)

Sebagai catatan sebelum masuk ke caranya, beberapa karakter dalam mode visual akan terconvert menjadi kombinasi karakter lain dalam mode text. Tapi jangan khawatir, anda cukup menambahkan kodenya saja, karakter yang terconvert biarkan saja.

Admin mencontohkan dengan 1 script code sederhana berikut.

<meta name=”description” content=”DESKRIPSI BLOG ANDA” />

dalam mode text akan tertampil menjadi:

&lt;meta name=”description” content=”DESKRIPSI BLOG ANDA” /&gt;

Script diatas belum dilakukan pengeditan sehingga masih tertampil seperti text biasa. Lalu bagaimana caranya agar bisa tertampil beda? terdapat beberapa cara, namun disini admin hanya memberikan 2 cara.

Cara Pertama

Yaitu dengan menggunakan kode textarea, kodenya adalah:

<textarea rows=”2″ cols=”60″>
SCRIPT KODE ATAU TEXT ANDA DISINI
</textarea>

Anda bisa memasukkan input “rows” dan “cols” sesuai kebutuhan anda. Rows menunjukkan jumlah barisnya, dan Cols menunjukkan lebarnya. Lalu kita masukkan script dari contoh dalam kode tersebut:

<textarea rows=”2″ cols=”60″>
&lt;meta name="description" content="DESKRIPSI BLOG ANDA" /&gt;
</textarea>

maka hasilnya adalah:

Cara Kedua

Dengan menggunakan kode <pre>, kodenya adalah:

<pre>SCRIPT KODE ATAU TEXT ANDA DISINI</pre>

Langsung kita masukkan contoh script pada kode

<pre>&lt;meta name="description" content="DESKRIPSI BLOG ANDA" /&gt;</pre>

maka hasilnya adalah:

<meta name="description" content="DESKRIPSI BLOG ANDA" />

Bagaimana? berbeda bukan? Tinggal pilih kode mana yang sesuai dengan kebutuhan anda. Saran dari admin, jika scriptnya pendek gunakanlah cara kedua, namun jika scriptnya panjang silahkan gunakan cara pertama dengan area yang disesuaikan agar tidak terlalu panjang posting anda.

Related Posts:

Leave a Reply