Cara Mudah Menyisipkan Sintaks Code Program pada Blogspot

 

InfoLoh.com - Hallo sobat infoloh, pada kesempatan kali ini mimin mau membagikan artikel kepada anda yang lagi kewalahan untuk memposting code program pada artikel anda.

Ini tentu tidak dapat ditulis sebagai manual pemrograman tanpa kode sumber sampel. Kode sumber program biasanya mengandung bug atau menyesatkan pembaca ketika dipublikasikan di Blogger. jika contoh kode sumber dalam html, javascript, php, atau bahasa lain, bahasa lain biasanya berjalan di browser.

Agar kode Anda tetap dapat dibaca, Anda harus mengubah kode sumbernya. Perubahan ini dimaksudkan agar kode tetap dapat ditampilkan dengan benar di browser sesuai dengan kode yang ingin ditampilkan daripada dijalankan. Akibatnya, kode tetap ditampilkan sebagai kode dan bukan bagaimana browser menafsirkannya.

Agar kode Anda tetap terlihat sebagai kode, Anda dapat menggunakan editor kode seperti Visual Studio Code. Cara melakukannya sangat sederhana, kode yang ingin Anda masukkan ke dalam blog, Anda tinggal copy paste ke blog, dan hasilnya seperti ini.

Anda juga dapat memanfaatkan situs web yang dapat membuat artikel kode Anda dapat dibaca. Berikut adalah beberapa situs yang dapat meningkatkan tampilan kode Anda.

Cara Mudah Menyisipkan Sintaks Code Program pada Blogspot Terbaru

Cara Pertama :

• Menggunakan situs: hilite.me

Kelebihan:

1. Dapat menampilkan kode baris nomor .
2. Kode dapat ditampilkan sesuai dengan apa yang Anda masukkan, jika kode panjang di sebelah kanan, akan ditambahkan scroll bar.

Cara Menggunakan :

Anda perlu mempersiapkan diri dengan menulis kode untuk program yang ingin Anda publikasikan ke Blogger. Dan ikuti petunjuk dibawah ini :

• Salin kode yang sudah anda siapkan yang ingin Anda publikasikan ke Blogger, lalu tempelkan ke kotak Source Code.
• Pilih Languange untuk menentukan bahasa pemrograman yang Anda tulis dari kode sumber.
• Pilih Style untuk menentukan tampilan dengan tema anda.
• Klik tombol Highlight! untuk segera mengonversi kode sumber Anda menjadi kode yang dapat dipublikasikan dengan benar di Blogger.
• Kode akan dikonversi ke HTML siap dipublikasikan di blogger atau blogspot

Bisa dilihat contohnya melalui gambar dibawah ini :

Cara Posting Source Code di Blogspot :

• Copy dan paste kode program yang sudah selesai dikonversi tadi dengan cara Highlight!.
• Untuk menempatkan kode di blog Anda, cukup salin code HTML yang dihasilkan dari Highlight! tadi.
• Buka Blogger dan buat posting baru, lalu pilih tab HTML (Tampilan HTML).
• Tempelkan kode yang Anda salin tersebut pada posisi yang anda inginkan pada artikel.
• Publikasikan atau Pratinjau artikel sehingga anda dapat melihat hasilnya di browser. 

Berikut contoh hasilnya :

Contoh InfoLoh.com :
remove_filter( 'comment_text', 'make_clickable', 9 );

remove_filter( 'comment_text', 'make_clickable', 8 );

remove_filter( 'comment_text', 'make_clickable', 7 );

END Contoh InfoLoh.com :

Cara Kedua :

• Menggunakan situs: Pastebin

Berikut Cara menggunakan Pastebin dengan mudah :

Setiap kode yang kita buat memiliki tombol embed di pojok kanan atas.

Selanjutnya kita diberikan kesempatan untuk melakukan embed menggunakan javascript atau iframe. Dan silahkan pilih nomor 1 yaitu JavaScript Embedding.

Setelah kita memilih untuk menyematkan JavaScript, kita dapat memasukkannya ke dalam mode HTML (Tampilan HTML) pada artikel kita. Maka hasilnya seperti ini:

Nah bagaimana mudah bukan tutorialnya, jadi anda tidak kerepotan lagi untuk memasukkan code program kedalam artikel anda. Jika ada kendala atau pertanyaan bisa melalui kolom komentar dibawah ini.

Demikianlah cara memasang kode di blog yang bagus dan mudah dipahami. Semoga Bermanfaat

^_^

Pernando Harianja Pendiri dan Pengelola di InfoLoh.com, yang hobby dalam pembuatan Program Komputer, dan ngeBlog. Untuk kenal lebih dekat Follow IG saya: @pernando_harianja

Berbagi :