Home » » Cara Menampilkan Tulisan Kode HTML ke Dalam Postingan Blog

Cara Menampilkan Tulisan Kode HTML ke Dalam Postingan Blog

Agak bingung menjelaskan apa yang menjadi maksud dari judul pada artikel kali ini, namun akan saya coba jelaskan maksud dari artikel ini. Pada umumnya membuat tutorial blog terutama yang memasukkan kode HTML dalam bentuk tulisan akan sedikit repot untuk Anda yang belum mengetahui caranya, karena setiap kode HTML yang dipostingkan ke sebuah blog akan membuat kode tersebut bekerja dan tidak akan tampil tulisan. 

Masih binggung juga? oke Saya akan membuat mudahnya saja dengan contoh gambar kode iklan HTML pada gambar dibawah ini.

Alt/Text Gambar


Gambar diatas adalah kode HTML yang dibuat dan diposting ke dalam bblog ini, jika Anda ingin membuat tutorial seperti pada gambar diatas artinya Anda harus menampilkan kode HTML nya kedalam bentuk tulisan agar pembaca tutorial anda mengerti caranya. Untuk simpelnya adalah dengan membuat saja kode tulisan HTML dalam bentuk gambar lalu di postingan dalam bentuk gambar, namun bagaimana jika ingin menyampaikan dalam bentuk tulisan murni, berikut ini caranya.

Siapkan tulisan kode HTML yang akan Anda tampilkan dalam postingan blog. Jika sudah Copy tulisan lalu parsekan ke situs parse kode HTML yang tersedia, salah satunya adalah situs online Blogcrowds, ada banyak situs parse silahkan cari di google, namun pada tutorial kali ini saya akan menggunakan Blogcrowds, masuk ke situs tersebut, kemudia pada kotak yang tersedia pastekan saja kode HTML yang sudah Anda siapkan sebelumnya selanjutnya tekan PARSE. Lihat pada gambar dibawah ini.




Tunggu hingga kode HTML pasre muncul, setelah muncul kode, pastekan kode tersebut ke dalam postingan blog Anda. dan hasilnya adalah seperti dibawah ini:

<a href='http://toyotanasmoco.net/category/rush' target='_blank' title='2015 New Toyota Rush'><img alt='Alt/Text Gambar' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEih0atErXzTi60M9zU2V8JvxE_NIescC6Y346J3p6N8FsbE201XDfBgdRVwDzFZQ2N1bGPkiJ9PuCBmBqFjtpPirkJmvS_mgB0J-HW7tU97rtQvtpy3Wjkx_YaFkNReBEE7B2bqWBe6u1E/s1600/iklan-rush.gif'/></a>

Kode diatas adalah kode yang sama persis yang digunakan untuk link gambar iklan (Toyota Rush 2015) pada gambar diatas, karena sudah ter parse maka kode HTML diatas dapat ditampilkan dalam bentuk tulisan.  Simpel dan mudah, anda tidak lagi perlu membuat gambar atau menambahkan huruf lain misal (#, * ) dll agar kode HTML muncul dalam bentuk tulisan. Jika ada pertanyaan silahkan tinggalkan komentar

Alt/Text Gambar

0 comments: