Cara Menampilkan Kode HTML Pada Blog

Biasa nya para blogger suka memberikan tutorial untuk membuat widget di blog dengan menggunakan kode HTML. Dan tidak jarang kode HTML itupun di tampilkan di dalam postingan, namun untuk melakukan postingan HTML di artikel biasa nya nanti akan berubah menjadi kode yang langsung berubah menjadi tidak terlihat.

Supaya kode HTML yang kita tulis di blog kita bisa terlihat, maka kita harus melakukan beberapa langkah pengkodean HTML pada kodeHTML tersebut, berikut pengkodean nya:

< diganti dengan &lt;
> diganti dengan &gt;
& diganti dengan &amp;
diganti dengan &quot;
± diganti dengan &plusmn;
spasi diganti dengan &nbsp;

Sebagai Contoh :

<a href=”http://hasiaulia.net/” target=”_blank” title=”Hasi Aulia Weblog”>hasiaulia.net</a>

Agar kode HTML nya tertampil maka penulisannya sebagai berikut:

&lt;a href=&quot;http://blog.umy.ac.id/tutorialblogging/&quot; target=&quot;_blank&quot; title=&quot;tutorial blogging Weblog&quot;&gt;blog.umy.ac.id/tutorialblogging&lt;/a&gt;

Memang terlihat sulit untuk menampilkan kode HTML karena kita harus mengganti beberapa kode HTML menjadi seperti yang saya sebutkan di atas, namun ada cara yang lebih mudah lagi untuk menampilkan kode HTML dengan menggunakan situs encode dan decode, jadi kita tinggal memasukan kode HTML biasa dan selanjutnya akan diubah secara otomatis oleh situs tersebut, berikut ini adalah URL situs tersebut:

http://centricle.com/tools/html-entities/

dan

http://www.accessify.com/tools-and-wizards/developer-tools/quick-escape/default.php

dan

http://www.blogcrowds.com/resources/parse_html.php

tinggal pilih aja yang mana yang mau di pakai, sebenarnya masih banyak sih, tapi 3 itu sudah cukup koq. Ada satu lagi tambahan tutorialnya, yaitu apabila kita ingin memberikan teks area pada kode HTML yang ingin kita tampilkan, berikut cara nya.

Kode yang ditulis adalah:

<p align=left><textarea name=”code” rows=”3″ cols=”35″><a href=”http://hasiaulia.net/” target=”_blank”>tutprial blogging</a></textarea></p>

hasilnya akan seperti:

<a href=””http://blog.umy.ac.id/tutorialblogging/”” mce_href=””http://blog.umy.ac.id/tutorialblogging/”” target=”_blank”>tutorial blogging</a>

baca juga artikel lain:

tutorial blogging
memilah dan memilih judul dengan google keyword tools
pengertian keyword
mengoptimalkan seo
search engine optimization
situs komunitas blogger
microblogging
cara membuat link blogroll bergerak
cara membuat photoblog
membuat readmore pada blogger
memasang kalender cantik
posting artikel blogger via email
membuat link field di blogger
free template
cara mengganti template

5 Comments on Cara Menampilkan Kode HTML Pada Blog

Leave a Reply

Your email address will not be published.


*


Skip to toolbar