MENYISIPKAN SOURCE CODE PADA BLOGER

Saat membaca artikel tentang tutorial pemrograman sering kali kita menjumpai kode/ source code pada tulisan tersebut. Bagai sayur tanpa garam, rasanya malahan aneh kalau tidak ada kode atau minimal potongan kodenya. Taukah kalian, agar kode mudah dibaca sang penulis terlebih dahulu melakukan penyesuaian pada kode agar penampilannya sedemikian rupa enak dilihat setelah diposting.

Ada situs yang digunakan untuk mengolah kode dari berbagai bahasa pemrograman menjadi format HTML. Situs yang sering saya gunakan untuk membantu penulisan artikel berisikan source code adalah hilite.me
Situs ini kita dengan mudah mengkorversi kode dari berbagai jenis bahasa pemrograman menjadi format HTML. Situs ini juga menyediakan pilihan untuk menampilkan nomor baris, jadi kita bisa mudah menjelaskan ke pembaca dengan merujuk pada nomor baris kode program.

Cara konversi source code ke HTML

Buka situs hilite.me, terdapat kolom Source Code. Pada kolom ini kita menempatkan source code dengan mengetik atau bisa juga copy-paste dari source code yang sudah jadi.
Tentukan jenis bahasa yang digunakan, misalnya python 3.
Opsional. Ada pilihan style, pilihan untuk menampilkan nomor baris dan pengaturan CSS yang bisa kita sesuaikan.
Klik tombol Highlight, situs ini kemudian mengkonversi source code menjadi format HTML
Pada kolom HTML akan menampilkan kode yang bisa kita sisipkan ke artikel

Cara menyisipkan source code di Bloger

Copy kode di kolom HTML yang kita peroleh dari situs hilite.me
Buka Bloger, buat postingan baru. Saat menulis artikel secara dafault kita menulis dalam mode Compose, saat kita mau menyisipkan kode harus beralih ke mode HTML dan pastekan .Saat kita kembali ke mode Compose kode HTML tadi sudah membentuk menjadi kolom yang berisikan baris-baris source code.

Mudah bukan??

Contoh di sini Saya menggunakan bahasa Python 3, setelah melalui langkah di atas tampilannya berubah jadi seperti ini:

import pandas as pd
import lxml.html as lh
import requests
from bs4 import BeautifulSoup

url ='https://www.jadwalsholat.org/adzan/monthly.php?id=307'

r=requests.get(url)
html = r.text

soup=BeautifulSoup(html,'html.parser')

tbls = soup.find_all('tr')
for tbl in tbls:
    tbl_td = tbl.find_all('td')
    for tbl3 in tbl_td:
        tbl4 = tbl3.find_all('td')
        str_tbl = str(tbl4)
        #print (str_tbl)
        text_tbl=BeautifulSoup(str_tbl, "lxml").get_text()
        print (text_tbl)

Demikian tutorial cara menyisipkan kode/source code pada artikel di Blogger. Semoga artikel ini bermanfaat bagi anda. Selamat menulis!
Kalau ada kesulitan terkait tema ini, jangan sungkan untuk bertanya.

D I M E N S S I

MENYISIPKAN SOURCE CODE PADA BLOGER

Artikel Menarik Lainnya