Cara Menambahkan Coding-an kedalam Blogger

Alvelab.com - Laber's, ada berbagai trik yang bisa kamu terapkan untuk nyelipin skrip hasil coding-mu ke dalam sebuah website atau blogger. Ada yang bikin display code-nya sendiri (Ngodof sendiri), tapi juga ada yang manfaatin website buat bikin display codenya.

Nah, kali ini, aku bakal kasih tau cara masukin codingan (Display code) ke dalam blogger dengan bantuan website, nih. Check it out!

Cara Menambahkan Coding-an kedalam Postingan Blogger

1. Pastebin

Kamu bisa gunain Pastebin buat dapetin link embed script-nya, gini nih caranya:

1. Kunjungi Pastebin (daftar dulu kalo belum punya akun ya).
2. Di laman awal, ada tempat buat masukin kodemu, tinggal paste kodemu di sana.
   
3. Isi kolom di bawah tempat paste dengan informasi yang kamu mau.
4. Jangan lupa kasih nama, lalu klik "created new paste".
   
5. Klik tombol "embed" di pojok kanan atas.
6. Setelah tombol embed diklik, bakal muncul 4 pilihan link (pilih sesuai kebutuhanmu).
   

• Tautan 1 bakal nampilin seluruh kodemu.
• Tautan 2 bakal nampilin sebagian kodemu, bisa discroll ke samping dan atas-bawah.

Contoh Output display code pake Pastebin (Pake tautan 2):

2. CodeBeauty

Yang kedua selain pastebin masih ada cara lain untuk generate script kamu agar kamu tinggal copas script embed yang mau kamu pake, yaitu dengan CodeBeauty.org. Fungsinya mirip Pastebin, tapi fiturnya lebih oke, loh.

Kamu bisa impor hasil kodemu, dan yang lebih keren, bisa pilih tema atau gaya. Banyak banget tema yang bisa kamu pilih, seperti Android Studio, Github, GoogleCode, dan masih banyak lagi.

Contoh, misalnya kamu milih tema Github, langsung deh latar belakang, warna, dan font-nya berubah ala-ala codingan di Github.

Begini cara pake CodeBeauty:

1. Mampir ke website CodeBeauty.
2. Tempel kodemu di tempat yang udah disiapin.
3.  Pilih tema sesuai selera kamu.
4. Klik "Generate code".
5. Geser ke bawah buat lihat hasilnya di kolom Preview.

Kalo misalnya kamu kurang puas sama tampilannya, bisa ganti tema dengan klik di atas tombol "Generate code".

Contoh Output display code pake CodeBeauty :

body{
  font: 15px/1.5 Arial, Helvetica,sans-serif;
  padding:0;
  margin:0;
  background-color:#f4f4f4;
}
 
/* Global */
.container{
  width:80%;
  margin:auto;
  overflow:hidden;
}

 

Cara menambahkannya ke blogger

1. Copy Link Embed Pastebin, copy salah satu link embed dari Pastebin.
   
   
   
2. Masuk ke Postingan yang Mau Kamu Kasih Kode, langsung aja masuk ke postingan yang bakal kamu tambahin kodenya.
3. Masuk ke Mode HTML, pilih mode HTML di dalamnya (lihat gambar 3).
4. Paste Link Embed Pastebin, paste-kan link embed Pastebin yang udah kamu copy tadi di tempat yang kamu mau.
   
   
   
5. Preview Hasilnya, setelah paste, klik Preview (ikon mata) buat lihat hasilnya.

Rekomendasi website lain buat bikin display code :

- https://highlight.hohli.com/

- http://hilite.me/

- https://pinetools.com/

Dan masih banyak lagi pilihan lain. Cara penggunaannya hampir mirip dengan dua web sebelumnya (Pastebin dan CodeBeauty).

Banyak banget cara yang bisa kamu coba buat bikin display code di Blogger. Entah itu bikin sendiri pake HTML atau pake cara simpel dan mudah lewat website syntax highlight, seperti yang udah dijelasin di atas.

Jadi, gitu deh ringkasan info tentang "Cara nambahin codingan ke postingan blogger". Kalo ada kesalahan atau kekurangan, maafin ya, dan boleh kasih tau lewat komentar buat koreksi.

Semoga bermanfaat, Thankyou Laber’s!