Menulis kode/script pada Blogspot memang penting agar tampilan lebih rapi dan mudah dibaca. Berikut beberapa cara untuk memperbaiki tampilan kode di postingan Blogspot:
Gunakan Codeformatter:
- Anda dapat menggunakan layanan blog Codeformatter untuk memformat kode secara otomatis.
- Langkah-langkahnya:
- Buka Codeformatter.
- Tempelkan kode/script Anda di kolom “Paste Here Your Source Code”.
- Klik “Format Source Code”.
- Salin hasil kode yang baru dari kolom “Copy Formatted Source Code” dan tempelkan ke postingan blog Anda. Pastikan Anda memilih mode penulisan HTML, bukan mode Compose.
- Sisipkan script berikut diantara kode agar terlihat lebih indah :
<pre class="php" name="code">
{Kode hasil dari Codeformatter}
</pre>
Contoh sintak HTML :
<!DOCTYPE html> <html> <head> <title>Judul Halaman</title> </head> <body> <h1>Heading Utama</h1> <p>Ini adalah paragraf.</p> </body> </html>
Tambahkan Komentar:
- Jika kode Anda kompleks, tambahkan komentar untuk menjelaskan bagian-bagian penting.
- Contoh:
// Fungsi untuk menghitung luas lingkaran function hitungLuasLingkaran(jariJari) { return Math.PI * jariJari * jariJari; }
Gunakan Gadget HTML/JavaScript:
- Anda dapat menambahkan kode HTML/JavaScript sebagai gadget di Blogspot.
- Buka dashboard Blogger > Tata Letak > Tambahkan Gadget pada bagian yang diinginkan.
- Pilih “HTML/JavaScript” dan tempelkan kode Anda.
Semoga tips di atas membantu Anda menampilkan kode dengan lebih baik di postingan Blogspot! 😊
0 komentar:
Posting Komentar