Website Buat Menampilkan Code Snippet di Blog Kamu - Mudah Tanpa Ribet

Sebelumnya saya udah pernah post tentang caranya membuat code snippet di blog dengan tambahan plugins. Berikut ini link nya !

Membuat Sisipan Script Pemrograman (Code Snippet) Pada Blogger dengan Highlight.js

Ternyata ! ada cara yang jauh lebih simpel dan lebih gampang dari itu. Kita coba pakai fitur yang disediakan di website

https://carbon.now.sh/

Silahkan buka websitenya ya !


Petunjuk :

  • Nomor 1 adalah select option untuk memilih tema, ada banyak yg bisa dipilih dari yang dark sampai yang terang.
  • Nomor 2 adalah untuk memilih bahasa pemrograman yang digunakan di script yang kita masukkan, supaya lebih pas kan penanda warnanya.
  • Nomor 3 adalah untuk menentukan background dari code snippet kita.
  • Nomor 4 adalah untuk mengatur tampilannya seperti margin, besar huruf, tampil atau sembunyikan line number dan lain sebagainya. (Penjelasan Dibawah)
  • Nomor 5 adalah untuk memilih bagaimana kita akan menggunakan/menampilkan code snippet ini. (Penjelasan Dibawah)
  • Nomor 6 untuk mengetweet atau sharing code snippet kita lewat twitterr dan Imgur.
  • Nomor 7 adalah untuk mengeksport code snippet kita ke dalam bentuk gambar misalnya.

Detail Nomor 4
Bagian Preset
Untuk mengatur ground dari code snippet kita.



Bagian Window
Untuk mengatur tampilan seperti padding, width,watermark dan lain-lain.



Bagian Editor
Untuk mengatur jenis huruf. besar huruf, line number dan lan-lain



Bagian Misc
Untuk mengimporr dan mengeksport config


Detail Nomor 5
Untuk mengatur bagaimana kita akan menggunakan code snippet ini, saya sendiri sering menggunakan iframe.


Detail Nomor 7
Untuk mengeksport code snippet kita, mengatur file namenya, size fontnya, dan lainnya.


Selamat Mencoba Selamat Bereksplorasi

Post a Comment

Previous Post Next Post