Cara menampilkan kode HTML dalam Postingan dan Text area dengan mengganti kodenya

Hai sahabat semua, selamat malam, pada kesempatan kali ini saya ingin membagikan sebuah trik yang mungkin ada salah satu dari teman kita yang belum mengetahuinya. Untuk para Master, hormat ! saya hanya membagi trik yang kurang berguna. Tapi tak apalah yang penting halal :kiss:

Mungkin ada sebagian orang yang kesusahan untuk memasang kode Html di postingan blog. Maka dari itu saya menulis trik ini untuk membagikannya kepada Anda. Lalu bagaimana caranya?
Simak langkah-langkah berikut :

Yang perlu anda lakukan adalah cukup mengganti tanda < > dan " dengan & lt; & gt; dan & quot;

detailnya :

< = & lt;

> = & gt;

" = & quot;

Contoh :

Jika anda ingin menampilkan kode Html gambar, cukup ganti satu kode aja, maka penulisannya begini :

& lt;img src="http://sinz.mywapblog.com/files/html.jpg"/>

Lihat tanda yang berwarna merah, hanya kode < yang diganti jadi & lt;

Maka tampilan dalam postingannya akan seperti ini

<img src="http://sinz.mywapblog.com/files/html.jpg"/>

Dan jika anda langsung menulis kode Html tersebut tanpa menggantinya terlebih dahulu, maka akan muncul penampakan di postingan seperti gambar ini

Lalu jika sobat ingin menampilkannya dalam kotak teks area maka seperti inilah penulisannya

</span> <span>& lt;</span>img src="http://sinz.mywapblog.com/files/html.jpg"/><span style="color:#f00;">
nb : huruf yang dicetak berwarna merah adalah kode text area

Dan seperti inilah penampakannya

<img src="http://sinz.mywapblog.com/files/html.jpg"/>

perhatian : Dalam penulisan & lt; atau kode pengganti lainnya, jangan menggunakan spasi

Okeh segitu aja trik hari ini, mungkin ada yang lebih mudah yaitu menggunakan generator, tinggal submit langsung jadi. Tapi apa salahnya jika saya berbagi pengetahuan, betul tidak?

Semoga bermanfaat teman, tunggu episode Selanjutnya.

Site on

Kumpulan lagu-lagu mp3 band-band indie,download hanya di INDIE MUSIK

Bagikan Artikel ini