1. Menggunakan HTML Dasar
Anda bisa menyisipkan kode HTML langsung ke dalam postingan untuk membuat kotak skrip sederhana:
- Beralihlah
ke mode Tampilan HTML saat menulis postingan.
- Gunakan
tag <code> untuk kode pendek atau <pre> untuk
blok kode yang lebih panjang.
- Misalnya: <pre><code>[SCRIPT
ANDA DISINI]</code></pre>
2. Menggunakan CSS untuk Tampilan Lebih Menarik
Untuk membuat kotak yang lebih keren, Anda bisa menambahkan CSS ke kode HTML
Anda:
Tambahkan CSS ini di antara tag <style> di
mode HTML atau di template blog Anda:
.kotak-skrip {
background-color: #f4f4f4;
border: 1px solid #ddd;
border-left: 3px solid #f36d33;
color: #666;
page-break-inside: avoid;
font-family: monospace;
font-size: 15px;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1em 1.5em;
display: block;
word-wrap: break-word;
}
- Kemudian,
gunakan tag <div> dengan kelas kotak-skrip di
sekitar kode Anda:
<div class="kotak-skrip">
[SCRIPT ANDA DISINI]
</div>.
3. Menggunakan Penyorot Sintaks
Jika Anda ingin kode Anda berwarna-warni dan lebih profesional:
- Penyedia
Pihak Ketiga: Kunjungi situs seperti CodePen atau Arlina Code
yang menyediakan kode untuk penyorot sintaks yang dapat Anda pasang di
blogspot Anda.
- Menggunakan
CSS: Anda juga dapat menggunakan CSS untuk membuat penyorot
sintaksis dasar sendiri, seperti yang dijelaskan di beberapa tutorial
daring.
Tips tambahan saat membuat postingan skrip
- Jelaskan
Skrip Anda: Selalu sertakan deskripsi singkat tentang apa yang
dilakukan oleh skrip tersebut.
- Tambahkan
Keterangan: Gunakan komentar dalam kode untuk membantu orang lain
memahami bagian-bagian penting dari skrip.
- Berikan
Contoh: Tunjukkan cara menggunakan skrip Anda dengan memberikan
contoh konkret.
- Tinjau
Ulang: Pastikan skrip dan penjelasan Anda mudah dibaca dan
dipahami oleh audiens Anda.
