Cara Menampilkan Source Code Di Postingan Blog WordPress

Assalamu’alaikum.wr.wb

Cara Menampilkan Source Code Di Postingan Blog WordPress
( Source Image : Pixabay.com )

Selamat malam sobat Onwap Blog’s, di artikel kali ini saya ingin berbagi kembali seputar tips, trik dan tutorial panduan dasar blog untuk pemula yaitu tentang cara menampilkan source code di postingan blog wordpress. Nantinya kalian hanya butuh plugin tambahan yang memiliki fungsi untuk menampilkan bahasa pemrogaman baik itu html, php, javascritp, c++ dll bernama ” SyntaxHighlighter Envolved “.

Plugin untuk menampilkan source code di postingan blog wordpress ini cocok untuk kalian seorang progamer yang senang berbagi script lewat blog. Tentunya jika hanya ditulis seperti artikel biasa, ketika di copas code yang kalian bagikan akan berubah sehingga tidak bekerja. Oleh karena itu kalian membutuhkan plugin syntax Highlighter.

Dan cara menampilkan source code di postingan blog wordpres adalah SyntaxHighlighter Envolved. Plugin satu ini saya rekomendasikan karena memiliki kurang lebih 50.000 install aktif dan memiliki rating 4.5. Selain itu, saya juga memakai plugin satu ini untuk menampilkan source code di postingan blog wordpress ini. he he…..

Untuk tutorial install plugin, kalian bisa membaca artikel saya sebelumnya tentang Cara Paling Mudah Install Plugin WordPress dan Cara Memperbarui Plugin WordPress ( Self Hosted ). Dan berikut adalah contoh penampakan dari code-code yang ditulis di postingan blog wordpres :

  • PHP
<?php echo "My first PHP script!"; ?>
  • HTML
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>


<h1>This is a Heading</h1>



This is a paragraph.


</body>
</html>
  • CSS
body {
    background-color: lightblue;
}

h1 {
    color: white;
    text-align: center;
}

p {
    font-family: verdana;
    font-size: 20px;
}

NB :

  1. Untuk kode-kode lainnya tinggal kalian bisa coba sendiri
  2. Selain itu, kalian bisa mengatur tampilannya di ” Setting ” – ” Syntax Highlighter

Baca juga artikel terkait tips, trik dan panduan dasar wordpress untuk pemula beserta mengatasi masalahnya berikut ini :

Demikianlah yang dapat saya bagikan tentang Cara Menampilkan Source Code Di Postingan Blog WordPress. Semoga bermanfaat untuk kalian yang mencari artikel panduan dasar blog wordpress untuk pemula ini. Untuk pertanyaan, kritik, saran maupun request tutorial dapat menuliskannya di kolom komentar. Apabila dirasa bermanfaat, jangan lupa untuk subscribe dan share artikel di blog ini ya?

Wassalamu’alaikum.wr.wb

Facebook Comments
Gantengmax

Imam Suhadi

Seorang Penulis sekaligus Blogger yang berasal dari Muntilan – Magelang. dengan motto ” Sharing For Learning! “

Tolong Berikan Saran Dan Masukannya Ya?