Cara Menampilkan Goresan Pena Instruksi Html Ke Dalam Postingan Blog

Agak galau menjelaskan apa yang menjadi maksud dari judul pada artikel kali ini, namun akan aku coba jelaskan maksud dari artikel ini. Pada umumnya menciptakan tutorial blog terutama yang memasukkan arahan HTML dalam bentuk goresan pena akan sedikit repot untuk Anda yang belum mengetahui caranya, alasannya yaitu setiap arahan HTML yang dipostingkan ke sebuah blog akan menciptakan arahan tersebut bekerja dan tidak akan tampil tulisan. 

Masih binggung juga? sepakat Saya akan menciptakan mudahnya saja dengan referensi gambar arahan iklan HTML pada gambar dibawah ini.

Gambar diatas yaitu arahan HTML yang dibentuk dan diposting ke dalam bblog ini, bila Anda ingin menciptakan tutorial ibarat pada gambar diatas artinya Anda harus menampilkan arahan HTML nya kedalam bentuk goresan pena semoga pembaca tutorial anda mengerti caranya. Untuk simpelnya yaitu dengan menciptakan saja arahan goresan pena HTML dalam bentuk gambar kemudian di postingan dalam bentuk gambar, namun bagaimana bila ingin memberikan dalam bentuk goresan pena murni, berikut ini caranya.

Siapkan goresan pena arahan HTML yang akan Anda tampilkan dalam postingan blog. Jika sudah Copy goresan pena kemudian parsekan ke situs parse arahan HTML yang tersedia, salah satunya yaitu situs online Blogcrowds, ada banyak situs parse silahkan cari di google, namun pada tutorial kali ini aku akan memakai Blogcrowds, masuk ke situs tersebut, kemudia pada kotak yang tersedia pastekan saja arahan HTML yang sudah Anda siapkan sebelumnya selanjutnya tekan PARSE. Lihat pada gambar dibawah ini.

Tunggu sampai arahan HTML pasre muncul, sesudah muncul kode, pastekan arahan tersebut ke dalam postingan blog Anda. dan akhirnya yaitu ibarat 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/AVvXsEgOOlTWWsCO1bj-8xFpLi9T_95fZ9MUy847yM2f_JGoz2dDu3wesBEL4G5VDplY6NgIq0g8AZkPIpnfJmO8ELCVPcNoWRshZrfE544J3snV4V0h8qt7rpjhYBM_vvNBKXynUcLYHD-yNPI/s1600/iklan-rush.gif'/></a>

Kode diatas yaitu arahan yang sama persis yang dipakai untuk link gambar iklan (Toyota Rush 2015) pada gambar diatas, alasannya yaitu sudah ter parse maka arahan HTML diatas sanggup ditampilkan dalam bentuk tulisan.  Simpel dan mudah, anda tidak lagi perlu menciptakan gambar atau menambahkan abjad lain misal (#, * ) dll semoga arahan HTML muncul dalam bentuk tulisan. Jika ada pertanyaan silahkan tinggalkan komentar

Share this post