Cara Termudah Menampilkan Kode HTML pada Postingan Blog

Cara Termudah Menampilkan Kode HTML pada Postingan Blog

Jika tidak tahu caranya, menampilkan kode atau script HTML sebagaimana adanya di halaman postingan blog, jadi sulit. Bahkan anda harus berurusan dengan situs situs penyedia layanan encoding dan decoding HTML. Padahal kini Blogger sudah menyediakan fitur tersebut secara gratis dan juga sangat mudah untuk digunakan. Bagaimana caranya?

Sekarang buatlah sebuah postingan yang ingin anda tampilkan kode HTML didalamnya, yang nantinya agar bisa dilihat oleh pengunjung. Contohnya seperti ini:


Cara Termudah Menampilkan Kode HTML pada Postingan Blog


Pada gambar diatas, tampak saya menulis kode HTML pada entri postingan. Maka agar semua script HTML tersebut bisa tampil saat terpublish dan bisa dilihat pengunjung persis dengan apa yang saya tulis, maka inilah yang saya lakukan:


Cara Termudah Menampilkan Kode HTML pada Postingan Blog


Sebelum mempublish tulisan tersebut, maka pada panel pengaturan di sebelah kanan form postingan tersebut, saya mengklik pada menu Pilihan, sehingga terbuka propertiesnya seperti ini


Cara Termudah Menampilkan Kode HTML pada Postingan Blog


Lalu pada bagian mode tulis,saya centang pada pilihan Tunjukan HTML apa adanya. Setelah itu tidak lupa saya klik tombol Selesai. Setelah itu baru saya publikasikan draf postingan diatas. Maka semua teks HTML tersebut, akan ditampilkan persis seperti apa yang saya tulis. Contohnya seperti ini:


<div style="background">Ini teks dengan background</div>
<div style="margin: 10px">Ini jarak teks dari pinggir</div>
4 komentar
avatar
Eka Awaludin 17 Juni 2018 19.02

Makasih infonya.

Balas
avatar
Erianto Anas Admin 19 Juni 2018 01.37

Sama-sama

Balas
avatar
Mas Zuhdi 22 Juni 2018 05.30

kalau pakai cara ini foto di postingan gak bisa tampil ya mas?

Balas
avatar
Erianto Anas Admin 22 Juni 2018 20.39

Ini tidak ada hubungannya dengan foto Mas Zudi. Ini hanya soal menampilkan bahasa kode

Balas
Komentar yang tidak relevan, jorok, spamming dan promosi link akan dihapus

Desember 2015 - blogernas