Cara menampilkan sourcecode pada postingan

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. 

Didalam mempercantik selain mengganti font juga bisa menambahkan kode-kode HTML untuk membuat misalnya text area, daftar link teman dan lain-lain. Saya sebagai bloger pemula yang ingin sedikit berbagi ilmu biasanya memposting artikel tang didalamnya terdapat code-code baik kode html, shortcode dll. Trus bagaimana pabila kita ingin memberikan kode-kode pada orang lain lewat post bagaimana? caranya adalah dengan kode dibawah ini : 

1
isikan code disini
[+/sourcecode]

copy kode diatas, cara copy kode diatas adalah dengan mengarahkan pointer mouse anda arahkan pada pojok kanan atas sourcecode pada “viewsource” seperti gambar dibawah ini

paste code yang sudah anda copy pada halaman post anda. Hilangkan tanda “+” yang ada dalam sourcecode !!! ingat !!! hilangkan tanda “+“ 

pada area “isikan code disini” anda tinggal isi dengan code yang ingin anda share. 

selamat mencoba