<h1>menampilkan kode html di blog</h1>

Hello brother's and sista...
Menulis postingan diblog menggunakan kode HTML bukanlah suatu masalah bagi mereka yang telah belajar dasar HTML dan mengenal kumpulan kode HTML..

Namun bagi blogger yang ingin menerangkan tentang kode HTML terkadang bingung mengenai cara memunculkan kode HTML langsung di postingan blog. Karena ketika mengupdate postingan, kode html akan melaksanakan perintah sesuai dengan tag sehingga yang tampil adalah hasil perintah bukan kode-kode html-nya seperti waktu kita baru menyusun tulisan. Jadi gak bisa dijadikan example deh...


Nah untuk mengatasi problema tersebut berikut akan dijelaskan tentang cara menuliskan kode html langsung dipostingan blog.

1. 
   
2. Tag Textarea
Yupz... Menggunakan salah-satu kode HTML itu sendiri yaitu tag textarea. <textarea name="code" cols="15" rows="3" style="background:#FFF;"><span style="color:#3300FF">Art is Blast (Deidara)</span></textarea> <span style="color:#3300FF">Art is Blast (Deidara)</span>
3. 
   
4. Parse HTML

Sebelum mengenal lebih jauh tentang cara parse HTML ada baiknya kita menyimak beberapa karakter khusus yang digunakan untuk menampilkan kode HTML langsung diblog. Cara penulisannya ada dua cara yaitu name entity(NA) dan numeric entity(NO) disingkat aja biar lebih simple hhe..hhe.. Berikut beberapa karakter khusus tersebut.

• kode < NA= &*lt; NO= &*#060;
• kode > NA= &*gt; NO= &*#062;
• kode & NA= &*amp; NO= &*#038;
• kode ” NA= &*quot; NO= &*#8220;
• kode © NA= &*copy; NO= &*#169;
• kode ® NA= &*reg; NO= &*#174;
• kode ™ NA= &*trade; NO= &*#8482;
• kode £ NA= &*pound; NO= &*#163;
• kode ¥ NA= &*yen; NO= &*#165;
• kode € NA= &*euro; NO= &*#8364;
• kode ' NA= &*apos; NO= &*#039;
• kode ± NA= &*plusmn;
• kode ½ NA= &*frac12;
• kode ¼ NA= &*frac14;
• kode ¾ NA= &*frac34;
• kode ≤ NA= &*le;
• kode ≥ NA= &*ge;
• kode ≠ NA= &*ne;
• FOR SPASI NA= &*nbsp; NO= &*#160;

NOTE: Hapus Tanda * Jika diperhatikan dengan saksama, name entity (NA) maupun number entity (NO) selalu menggunakan tanda "&" diawal dan diakhiri dengan tanda ";". Nama entity juga menggunakan nama sesuai tanda kode misalnya ¥ untuk mata uang yen, < untuk less than symbol,etc. Parse HTML adalah proses menguraikan Kode HTML kedalam karakter khusus, name entity maupun number entity. Tujuan dari Parse HTML tidak lain dan tidak bukan adalah untuk dapat menampilkan kode HTML langsung di blog. Tapi... Apakah harus menulis karakter khusus satu persatu sampai selesai satu tag? Bagaimana jika harus menjelaskan tentang tag table atau lainnya yang sangat panjang? bukankah cara ini akan menghabiskan waktu terlalu lama? Don't Worry guys... Sekarang parse html udah ada extractnya lho.. Kita bisa menggunakan situs parse html yang prosesnya lebih cepat dan tepat. Bukankah situs parse html sudah ada dari dulu ya? ah, masa? Jadi, kalau begitu postingan ini bukan the new info lagi dong? Yes. That's rigth. But it's not a problem. Mymelody13 akan tetap membahas tentang cara parse html untuk sobat yang belum tahu.. Hhe.. hhe.. Langsung saja berikut cara parse html:.

1. Copy kode html yang ingin ditampilkan dipostingan. Example:
<table width="100%" border="1"><tr><td width="33% " bgcolor="green" align="center">Weldy</td><td width="34%" bgcolor="green" align="center">Simon</td></ tr></table>
2. Kunjungi situs parse html
3. Pastekan kode yang sudah dicopy di kotak yang disediakan
4. Setelah loading copy lagi hasil parsenya
5. Silahkan menuju ke blog sobat kemudian paste hasil parsenya di postingan. Maka yang muncul berupa kode HTML bukan lagi hasil perintah.
</ tr>

Thank</ td>

You

Cara yang kedua ini memang menjadi pilihan utama karena lebih mudah dan mengefisienkan waktu hhe...hhe.. Thanks for reading and see you....

NB: Update cara menulis langsung kode html juga dapat dilakukan dengan meletakkan kode html di dalam tag kode kode html> dan juga melalui tools pilihan yang disediakan blogger.com sendiri sebelum di posting ke blogger itu sendiri.

Baca juga artikel terkait"

4 Tahap menjadi programmer web

Share this post