Kode HTML Untuk Posting Blog

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

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

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

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 diatas pada tabel jangan diberi spasi tetapi disambung. Misalnya antara simbol "&" disambung dengan simbol "lt"..

Contoh:

a href="http://astrobo.co.cc/" target="_blank">br />img border="0" alt="astrobo" width="190" src="http://www.uploadrobot.com/images/astroboyeah.png" hight="50" />/a>

Cara yang pertama yaitu:

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

<a href="http://astrobo.co.cc" target="_blank"><br /><img border="0" alt="astrobo" width="190" src="http://www.uploadrobot.com/images/astroboyeah.png" hight="50" /></a>

Cara yang kedua yaitu:

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

<span style="color: red;">Kode sobat tempatkan di sini</span><span style="color: rgb(68, 68, 68);"><span style="color: red;">i</span><span style="background-color: rgb(68, 68, 68);">

Setelah sobat mengganti text yang berwarna merah dengan kode anda, maka kode anda dapat tampil seperti di bawah ini:

</span><a href="http://astrobo.co.cc" target="_blank"><br /><img border="0" alt="astrobo" width="190" src="http://www.uploadrobot.com/images/astroboyeah.png" hight="50" /></a>

Namun ada cara yang sangat praktis bila di bandingkan dengan cara pertama dan kedua, yaitu dengan menggunakan fasilitas html praise.

seperti milik saya ini, anda dapat mengkosongkan text yang ada di dalam kotak praise tersebut, kemudian pastekan kode html anda yang ingin di praise kemudian tekan Convert maka hasil convert tersebut dapat sobat copy pastekan pada halaman blog anda. maka hasilnya akan seperti pada cara petama di atas.

copy paste code sobat di kotak ini

Html Converter