Blogspot : Menampilkan Kode HTML pada Postingan

7
Jul/09
1

blogspot Bagi para pengguna blogspot, mungkin sebagaian ada yang ingin juga ikut menshare emberikan tips dan trikkode HTML pada postingan. Akan tetapi, ketika kita mengetikkan kode HTML tersebut pada postingan, yang muncul bukannya kode HTML, melainkan hasil dari kode HTML tersebut. Misalnya saja saya ingin menampilkan kode HTML ‘<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif" width=30 height=18 border=0>' , akan tetapi setelah ditampilkan hasilnya koq malah rolling on the floor. Seharusnya yang ditampilkan adalah kode HTML itu. Nah, pada Wordpress, untuk menampilkan kdode HTML pada postingan sangatlah mudah, akan tetapi pada blogspot hal ini tidak bisa dilakukan begitu saja.

Yang perlu diperhatikan adalah bahwa dalam blog pun mengenal kode HTML. Untuk itu kita harus mengganti karakter-karakter perintah HTML dengan lambang tertentu. Karakter-karakter yang sering digunakan antara lain adalah :

Karakter Notasi Keterangan
< &lt; Kurung runcing terbuka
> &gt; Kurung runcing tutup
& &amp; Tanda Dan
&quot; Tanda petik ganda
± &plusmn; Tanda plus minus
Spasi &nbsp; Tanda Spasi
© &copy; Tanda hak cipta (copyright)
® &reg; Tanda terdaftar (Registered)

Misalnya saja, kita ingin mengetikkan kode :

<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif" width=30 height=18 border=0>

Maka pada postingan, kita harus mengetikkan seperti ini :

&ltbr/><br/> <code>

&lt;img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif" width=30 height=18 border=0&gt;

</code>

Written by - Visit Website
Share and Enjoy:
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks
  • co.mments
  • Design Float
  • Fark
  • Fleck
  • Furl
  • Gwar
  • Haohao
  • IndiaGram
  • Live
  • MisterWong
  • MyShare
  • MySpace
  • Smarking
  • Socialogs
  • Technorati
  • Wikio
  • Yahoo! Buzz
  • YahooMyWeb
Comments (0) Trackbacks (1)

Leave a comment