Menampilkan Code HTML Pada Posting Blog

 Assalamualaikum..! mungkin artikel ini sudah dianggap artikel yang sudah lama di ketahui.. oleh para blogger senior, namun artikel ini juga sangat di butuhkan oleh para blogger pemula. termasuk saya sendiri..! heheheh.. maklum blogger pemula.

Nah agar para blogger pemula tidak kebingungan maka kali ini saya akan membantu sobat untuk memPraise code Html sobat agar bisa di tampilkan pada posting atau pada badget sobat, biasanya akan di gunakan pada pembuatan code Banner. seperti yang nampak pada badget banner saya di samping.

ok.! mari kita langsung ke TKPnya.. namun sebelumnya sobat harus memahami beberapa simbol yang ada pada tabel di bawah ini, ini merupakan simbol-simbol yang menyertai sebuah kode html seperti <, >, ", &, spasi. Agar simbol-simbol tersebut dapat tampil. Lihat tabel di bawah.!

simbol kode html
	<	ubah menjadi -->	& lt;
	>	ubah menjadi -->	& gt;
	"	ubah menjadi -->	& quot;
	&	ubah menjadi -->	& amp;
	spasi	ubah menjadi -->	& nbsp;

Catatan:
* untuk menggunakan simbol kode yang ada disamping kanan pada tabel jangan diberi spasi tetpi disambung. Misal,antara simbol & disambung dengan simbol lt;

Contoh:

<a href="http://archcom.blogspot.com/" target="_blank"><br /><img border="0" alt="archcom" width="190" src="http://i954.photobucket.com/albums/ae22/izhal/image/animasi/Banner1.gif"  hight="50" /></a> 

Cara yang pertama yaitu:

Dengan merubah code atau simbol secara manual.

Sesuai dengan contoh di atas maka yang perlu di rubah adalah code yang berwarna yang sesuai dengan keterangan pada tabel simbol di atas.setelah andah merubah codenya dengan menggunakan simbol pada tabel di atas maka copy pastekan code tersebut pada halaman blog anda. maka code tersebut akan tampil seperti di bawah ini:

<a href="http://archcom.blogspot.com/" target="_blank"><br /><img border="0" alt="archcom" width="190" src="http://i954.photobucket.com/albums/ae22/izhal/image/animasi/Banner1.gif" hight="50" /></a>

Cara yang kedua yaitu:

Dengan mengguanakan fasilitas Text Area.

Text area ini mempunyai kelebihan dibanding cara yang pertama, yaitu mampu menampung banyak jumlah karakter text. Code untuk membuat Text area dapat anda lihat di bawah ini:

<form><textarea name="code" rows="13" cols="30">Code sobat tempatkan di sini</textarea></form>

Setelah sobat mengganti text yang berwarna mera dengan code sobat, maka code sobat dapat tampil seperti di bawah ini: 

</span><a href="http://archcom.blogspot.com/" target="_blank"><br /><img border="0" alt="archcom" width="190" src="http://i954.photobucket.com/albums/ae22/izhal/image/animasi/Banner1.gif" hight="50" /></a><span class="fullpost">

Namun ada cara yang sangat praktis bila di bandingkan dengan cara pertama dan kedua, yaitu dengan menggunakan fasilitas html praise. seperti milik saya ini, sobat dapat mengkosongkan text yang ada di dalam kotak praise tersebut, kemudian pastekan code html sobat yang ingin di praise kemudian tekan Convert maka hasil convert tersebut dapat sobat copy pastekan pada halaman blog sobat. maka hasilnya akan seperti pada cara petama di atas.

copy paste code sobat di kotak ini

Created By Archcom