Menyisipkan Syntax Highlighter atau CLI pada halaman Blog

Membuat juga Menyisipkan source code syntax highlighter di blog dengan bantuan gist.github Buat Catatan materi sendiri aja khawatir lupa, kayanya perlu di simpan di sini aj, barang kali suatu saat nanti kepake lagi untuk postingan source code program.

Sebetul nya syntax highlighter atau CLI pada blog ini dibuat dengan tujuan pembelajaran di sekolah jika ada materi pelajaran yang terkait dengan bahasa pemograman, perintah CLI baik di router maupun server linux yang perlu ditampilkan dalam potongan atau penggalan program seperti teks editor agar dapat mempermudah nanti bagi siswa/i atau siapa aj yang melihat atau membaca postingan program atau potongan source code program layaknya text editor seperti notepad++, Sublimtext, VScode dll.

Sekarang kita mulai pada proses penyisipan syntax highlighter nya di blogger.

Pertama harus punya account di gits.gitub silahkan kunjungi disini dan login atau daftar bagi yang belum punya account.
ikuti pandun sesuai gambar dibawah ini

maka akan muncul gambar seperti di bawah ini.

Kemudian copy hasil embed program nya pada postingan atau halaman blog dengan mode HTML

contoh membuat border radius dengan css dan html.

	<!DOCTYPE html>
	<html>
	<head>
	<style>
	#example1 {
	border: 2px solid red;
	padding: 10px;
	border-radius: 25px;
	}

	#example2 {
	border: 2px solid red;
	padding: 10px;
	border-radius: 50px 20px;
	}
	</style>
	</head>
	<body>

	<h2>border-radius: 25px:</h2>
	<div id="example1">
	<p>The border-radius property defines the radius of the element's corners.</p>
	</div>

	<h2>border-radius: 50px 20px:</h2>
	<div id="example2">
	<p>If two values are set; the first one is for the top-left and bottom-right corner, the second one for the top-right and bottom-left corner.</p>
	</div>

	</body>
	</html>

view raw border-radius-css.html hosted with ❤ by GitHub

contoh penggalan konfigurasi CLI pada router mikrotik.

	ip address add address=10.222.10.2/18 interface=ether1 // memberikan ip pada interface ether1
	ip address add address=192.168.84.1/25 interface=ether2 // memberikan ip pada interface ether2
	ip route add gateway=10.222.10.1 // memberikan alamat gateway
	ip dns set servers=1.1.1.1,1.0.0.1