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:
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:
Sebelum mempublish tulisan tersebut, maka pada panel pengaturan di sebelah kanan form postingan tersebut, saya mengklik pada menu Pilihan, sehingga terbuka propertiesnya seperti ini
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>
<div style="margin: 10px">Ini jarak teks dari pinggir</div>
Sama-sama
Balaskalau pakai cara ini foto di postingan gak bisa tampil ya mas?
BalasIni tidak ada hubungannya dengan foto Mas Zudi. Ini hanya soal menampilkan bahasa kode
BalasPerlu di coba makasih mas tutorialnya
Balas