Skip to content
favicon

Informasi dan Pengetahuan Komputer dan Internet

Informasi dan Pengetahuan tentang Komputer dan Internet

Menampilkan Script Atau Source Code Pada Posting Di WordPress

Posted on 25/12/2012 By Syaiful Imran No Comments on Menampilkan Script Atau Source Code Pada Posting Di WordPress

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:

  • Cara Memasang Meta Tag Wordpress Secara Manual
  • Kode-Kode atau Script Dalam Memasang Meta Tag Untuk Wordpress
  • Penyebab Umum Loading Website/Blog Lambat dan Berat
  • Mengelola Blog Wordpress pada Perangkat Android
  • Cara Pengoptimalan Fitur/Plugin Import Wordpress dengan Tujuan untuk Melakukan Restore Konten
Blogging, Script Tags:blog, kode, script, Wordpress

Post navigation

Previous Post: Kode-Kode atau Script Dalam Memasang Meta Tag Untuk WordPress
Next Post: Cara Memasang Meta Tag Pada Blog Dengan Plugin

Leave a Reply Cancel reply

You must be logged in to post a comment.

  • Etika Belanja Online di Marketplace Bagi Pembeli
  • Mengapa Kekuatan Sinyal Wireless (dBm) Diukur Dengan Bilangan Negatif
  • Keuntungan Dan Alasan Mengapa Membeli Kartu Grafis (VGA) Bekas
  • 4 Sumber dan Alternatif Mendapatkan File Install Driver Windows untuk Hardware Komputer
  • Opsi Tindakan Yang Dapat Dilakukan Ketika Terjangkit Ransomware Dan Data Terenkripsi

Copyright © 2025 Informasi dan Pengetahuan Komputer dan Internet.

Powered by PressBook WordPress theme