Cara Memasukkan Contoh KOde HTML di halaman Posting Blog
Mungkin suatu saat sobat ingin memasukkan kode-kode HTML dihalaman posting blog? Misalnya untuk memberikan contoh ke pengunjung tentang sebuah kode HTML ?
Untuk memasukkan kode HTML ke halaman posting blog, oleh beberapa ahli template disarankan untuk didahului dengan Tag <code> dan diakhiri dengan tag </code>
Saat saya menulis posting ini : Maret 2012. Di editor postingan blogspot kita hanya langsung mempastekan kode HTML saja disaat posting di posisi COMPOSE, tanpa merubah atau memparse nya. Ini nanti akan otomatis diparse oleh editor blogspot.
Lain halnya jika kita ingin menampilkan misalnya banner,maka kita harus mempaste kode2 hTML dalam posisi editor posting di posisi HTML , lihat disini :
Cara Memasukkan Script banner di Blog.
 |
| Gmbr.1 : Contoh memasukkan kode HTML di posting Blog |
Contoh Banner yg muncul di halaman posting blogs misalnya :
Nah untuk menampilkan banner tsb sebagai contoh untuk misalnya pengunujgn yg mau kia kasih tau kode HTML banner, kita harus mempaste kode HTML banner dengan posisi editor HTML :
<a href="http://s420.photobucket.com/albums/pp281/goldenphoto_2009/?action=view&current=TestEasyGIFAnimatorSoftwareFlashbar.gif" target="_blank"><img src="http://i420.photobucket.com/albums/pp281/goldenphoto_2009/TestEasyGIFAnimatorSoftwareFlashbar.gif" alt="Banner dari sofware Easy" border="0" /></a>
Note : Untuk yang mau bikin banner gratis bisa lihat disini :
Cara membuat Banner Flash Animasi
Tapi jika suatu hal tidak ada fitur otomatis , maka kita harus memparsenya lebih dulu.memparse adalah mempersamakan kode html dalam bentuk lain. Ini disebut Karakter Entity .diantaranya yang sering diparse yaitu :
Tanda < diparse dengan <
Tanda > diparse dengan >
Tanda & diparse dengan &
Tanda " ( Kutip dua ) diparse dengan "
Karakter entity selengkapnya :
Catatan : Nama karakter Entity harus ditulis sama persis dengan contoh dibawah ini. Ada dua bentuk persamaan Karakter entity yg bisa dipakai, yaitu dengan Entity Angka, dan Entity nama.
| Hasil |
Entity Angka |
Entity Nama |
Keterangan
|
| " |
" |
" |
quotation mark |
| ' |
' |
' (tdk berfungsi di IE) |
apostrophe |
| & |
& |
& |
ampersand |
| < |
< |
< |
less-than |
| > |
> |
> |
greater-than |
ISO 8859-1 Symbols
| Hasil |
Entity Angka |
Entity Nama |
Keterangan |
|
  |
|
non-breaking space |
| ¡ |
¡ |
¡ |
inverted exclamation mark |
| ¢ |
¢ |
¢ |
cent |
| £ |
£ |
£ |
pound |
| ¤ |
¤ |
¤ |
currency |
| ¥ |
¥ |
¥ |
yen |
| ¦ |
¦ |
¦ |
broken vertical bar |
| § |
§ |
§ |
section |
| ¨ |
¨ |
¨ |
spacing diaeresis |
| © |
© |
© |
copyright |
| ª |
ª |
ª |
feminine ordinal indicator |
| « |
« |
« |
angle quotation mark (left) |
| ¬ |
¬ |
¬ |
negation |
|
­ |
­ |
soft hyphen |
| ® |
® |
® |
registered trademark |
| ¯ |
¯ |
¯ |
spacing macron |
| ° |
° |
° |
degree |
| ± |
± |
± |
plus-or-minus |
| ² |
² |
² |
superscript 2 |
| ³ |
³ |
³ |
superscript 3 |
| ´ |
´ |
´ |
spacing acute |
| µ |
µ |
µ |
micro |
| ¶ |
¶ |
¶ |
paragraph |
| · |
· |
· |
middle dot |
| ¸ |
¸ |
¸ |
spacing cedilla |
| ¹ |
¹ |
¹ |
superscript 1 |
| º |
º |
º |
masculine ordinal indicator |
| » |
» |
» |
angle quotation mark (right) |
| ¼ |
¼ |
¼ |
fraction 1/4 |
| ½ |
½ |
½ |
fraction 1/2 |
| ¾ |
¾ |
¾ |
fraction 3/4 |
| ¿ |
¿ |
¿ |
inverted question mark |
| × |
× |
× |
multiplication |
| ÷ |
÷ |
÷ |
division |
ISO 8859-1 Characters
| Hasil |
Entity Angka |
Entity Nama |
Keterangan
|
| À |
À |
À |
capital a, grave accent |
| Á |
Á |
Á |
capital a, acute accent |
| Â |
 |
 |
capital a, circumflex accent |
| Ã |
à |
à |
capital a, tilde |
| Ä |
Ä |
Ä |
capital a, umlaut mark |
| Å |
Å |
Å |
capital a, ring |
| Æ |
Æ |
Æ |
capital ae |
| Ç |
Ç |
Ç |
capital c, cedilla |
| È |
È |
È |
capital e, grave accent |
| É |
É |
É |
capital e, acute accent |
| Ê |
Ê |
Ê |
capital e, circumflex accent |
| Ë |
Ë |
Ë |
capital e, umlaut mark |
| Ì |
Ì |
Ì |
capital i, grave accent |
| Í |
Í |
Í |
capital i, acute accent |
| Î |
Î |
Î |
capital i, circumflex accent |
| Ï |
Ï |
Ï |
capital i, umlaut mark |
| Ð |
Ð |
Ð |
capital eth, Icelandic |
| Ñ |
Ñ |
Ñ |
capital n, tilde |
| Ò |
Ò |
Ò |
capital o, grave accent |
| Ó |
Ó |
Ó |
capital o, acute accent |
| Ô |
Ô |
Ô |
capital o, circumflex accent |
| Õ |
Õ |
Õ |
capital o, tilde |
| Ö |
Ö |
Ö |
capital o, umlaut mark |
| Ø |
Ø |
Ø |
capital o, slash |
| Ù |
Ù |
Ù |
capital u, grave accent |
| Ú |
Ú |
Ú |
capital u, acute accent |
| Û |
Û |
Û |
capital u, circumflex accent |
| Ü |
Ü |
Ü |
capital u, umlaut mark |
| Ý |
Ý |
Ý |
capital y, acute accent |
| Þ |
Þ |
Þ |
capital THORN, Icelandic |
| ß |
ß |
ß |
small sharp s, German |
| à |
à |
à |
small a, grave accent |
| á |
á |
á |
small a, acute accent |
| â |
â |
â |
small a, circumflex accent |
| ã |
ã |
ã |
small a, tilde |
| ä |
ä |
ä |
small a, umlaut mark |
| å |
å |
å |
small a, ring |
| æ |
æ |
æ |
small ae |
| ç |
ç |
ç |
small c, cedilla |
| è |
è |
è |
small e, grave accent |
| é |
é |
é |
small e, acute accent |
| ê |
ê |
ê |
small e, circumflex accent |
| ë |
ë |
ë |
small e, umlaut mark |
| ì |
ì |
ì |
small i, grave accent |
| í |
í |
í |
small i, acute accent |
| î |
î |
î |
small i, circumflex accent |
| ï |
ï |
ï |
small i, umlaut mark |
| ð |
ð |
ð |
small eth, Icelandic |
| ñ |
ñ |
ñ |
small n, tilde |
| ò |
ò |
ò |
small o, grave accent |
| ó |
ó |
ó |
small o, acute accent |
| ô |
ô |
ô |
small o, circumflex accent |
| õ |
õ |
õ |
small o, tilde |
| ö |
ö |
ö |
small o, umlaut mark |
| ø |
ø |
ø |
small o, slash |
| ù |
ù |
ù |
small u, grave accent |
| ú |
ú |
ú |
small u, acute accent |
| û |
û |
û |
small u, circumflex accent |
| ü |
ü |
ü |
small u, umlaut mark |
| ý |
ý |
ý |
small y, acute accent |
| þ |
þ |
þ |
small thorn, Icelandic |
| ÿ |
ÿ |
ÿ |
small y, umlaut mark |
