Cara Menampilkan Kode HTML pada Postingan Blogger

Pasti kali kalian sedang mencari bagaimana caranya menampilkan kode html pada postingan agar tidak berantakan dan terlihat elegan atau rapih. Soalnya tampilan postingan kode html yang berantakan akan sangat membuat ,kurang nyaman dipandang mata dan terlihat kurang profesional.

Oleh karena itu,mari kita bahas bagaimana tips menampilkan kode html pada postingan blogger agar terlihat rapi dan profesional.

Langkah 1: Masukkan Kode HTML ke dalam Postingan

Buka Blogger: Login ke akun Blogger Anda dan pilih blog yang ingin Anda edit.
Buat atau Edit Postingan: Buat postingan baru atau edit postingan yang sudah ada.
Switch ke Mode HTML: Pilih tab "HTML" di editor postingan. Ini akan memungkinkan Anda untuk menulis atau menyisipkan kode HTML secara langsung.

Langkah 2: Sisipkan Kode HTML dengan `<pre>` dan `<code>`

Salin Kode HTML: Salin kode HTML yang ingin Anda masukkan ke postingan.
Sisipkan Kode dengan Tag <pre>: Tempelkan kode HTML di antara tag <pre> dan <code>. Contohnya seperti berikut:

 <pre><code><div class="container">  
   <h1>Hello, World!</h1>  
 </div></code></pre>

Pastikan kode HTML Anda berada di dalam <code> untuk menandakan bagian yang merupakan kode.

Langkah 3: Pratinjau dan Simpan Postingan

Pratinjau Postingan: Gunakan fungsi "Pratinjau" di Blogger untuk melihat tampilan postingan Anda. Pastikan kode HTML ditampilkan dengan rapi dan sesuai harapan.
Simpan Perubahan: Jika semuanya sudah sesuai, klik "Simpan" untuk menyimpan postingan Anda.

Langkah 4: Tips Tambahan

Perhatikan Format Kode: Pastikan kode HTML Anda disisipkan dengan benar di antara tag <pre> dan <code> untuk mempertahankan formatnya.
Uji Konsistensi: Setelah memasukkan kode HTML, periksa tampilan postingan di berbagai perangkat untuk memastikan konsistensi dan kejelasan tampilan.

Dengan mengikuti langkah-langkah di atas, Anda dapat menampilkan kode HTML dengan menggunakan pembungkus <pre> dan <code> dengan rapi dan mudah dibaca di postingan Blogger Anda. Ini akan membantu pembaca untuk memahami kode dengan lebih baik dan meningkatkan kualitas konten yang Anda bagikan.

Jika dirasa cara ini sangat ribet, maka saya rekomendasikan untuk merubahnya secara otomatis. Melalui link ini kalian hanya tinggal copy, paste saja, lalu hasilnya tinggal kalian tempel pada postingan kalian.

Berikut ini link pembuat kode html otomatis untuktampil di postingan blogger:

KLIK DISINI