PENULISAN KODE HTML SUPAYA TAMPIL DIPOSTINGAN

Yang belum tahu mungkin akan menjadi bingung, terutama untuk blogger yang masih sangat pemula sekali karena begitu menuliskan kode HTML pada postingan yang akan nampak bukan kode HTML tersebut, akan tetapi hasil jadi dari kode tersebut, maka untuk itu code HTML yang akan dtampilkan harus diparse atau diconvert dulu baru kemudian ditaruh di halaman postingan, dan penulisannya di menu Edit HTML jangan di menu Compose.

Dibawah ini beberapa alamat situs yang dapat dipergunakan untuk memparse kode HTML.

 1. Centride.


2.  Accesify.

3.  Eblogtemplates

4.  Blogcrowds  

Adapun cara menggunakannya sangat simple sekali, anda tinggal mengopy kode HTML nya kedalam kotak yang tersedia kemudian klik parse atau convert dan hasilnya anda copy kemudian pastekan kedalam postingan yang kode HTMLnya akan dinampakkan.

Contoh :
Sebelum di parse kodenya seperti ini

<script type="text/javascript" src="http://shots.snap.com/ss/4689cc1988c97e895028a2fe430c04df/snap_shots.js"></script> <a class="snap_shots" href="http://www.snap.com/snapshots.php?source=www.snap.com&campaign=shot_badge!!shotsbadge3-160x40.gif"><img src="http://i.snap.com/images/shotsbadge3-160x40.gif" width="160" height="40" border=0 alt="Get Free Shots from Snap.com" /></a>

Setelah di parse akan seperti ini

&lt;script type=&quot;text/javascript&quot; src=&quot;http://shots.snap.com/ss/4689cc1988c97e895028a2fe430c04df/snap_shots.js&quot;&gt;&lt;/script&gt; &lt;a class=&quot;snap_shots&quot; href=&quot;http://www.snap.com/snapshots.php?source=www.snap.com&amp;campaign=shot_badge!!shotsbadge3-160x40.gif&quot;&gt;&lt;img src=&quot;http://i.snap.com/images/shotsbadge3-160x40.gif&quot; width=&quot;160&quot; height=&quot;40&quot; border=0 alt=&quot;Get Free Shots from Snap.com&quot; /&gt;&lt;/a&gt;

Atau kalau anda sudah ahli dan mahir tentang Kode-kode HTML, bisa langsung ditulis secara manual dihalaman postingan  yang antara lain kodenya seperti tabel dibawah ini.

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)

Mudah bukan, saya ucapkan selamat mencoba......!!

Posted in: Triks dan Tips