Selasa, 11 Januari 2011

CARA MEMOSTING KODE HTML

Memosting kode HTML atau JavaScriptlain halnya ketika kita ingin memosting tulisan biasa. Ketika kita ingin memosting kode HTML, ada beberapa langkah agar kode HTML yang kita posting bisa muncul sebagai kode HTML yang semestinya. Yang menjadi masalah adalah apabila kita memosting kode HTML langsung ke halaman pemostingan kita, maka yang muncul nantinya bukannya kode HTML tersebut, akan tetapi wujud dari kode HTML tersebut. Belum ada bayangan mengenai kasus ini? Mari kita simak kasus berikut...

Suatu ketika teman-teman ingin memosting kode berikut ini ke dalam postingannya teman-teman:


<div style="text-align: center;"><a target="_blank" href="http://t4belajarblogger.blogspot.com/"><img border="0" alt="t4belajarblogger.blogspot.com" src="http://software2iqbal.files.wordpress.com/2009/11/
banner_t4belajarblogger.jpg"/></a></div>

Lalu apa yang terjadi? Yang terjadi adalah, bukannya kode di atas yang muncul akan tetapi wujud dari kode di atas, seperti ini:

t4belajarblogger.blogspot.com



Tentu bagi teman-teman yang menghadapi masalah ini akan merasa
risih, apalagi teman-teman sudah benar-benar memiliki niat buat membagi-bagi ilmunya melalui postingan yang ingin dibikin.

Agar lebih singkat, maka teman-teman harus mengubah kode-kode di atas ke bentuk yang nantinya kalau diposting yang muncul bukan
wujud si HTML akan tetapi masih dalam wujud Kode, caranya gampang:

1. Kunjungi centricle.com.

2. Dan nantinya teman-teman akan berhadapan dengan halaman seperti berikut ini:


3. Maka selanjutnya yang harus dilakukan oleh teman-teman adalah,mengganti kode yang ditandai dengan Elips merah no.1 dengan kode HTML yang ingin diposting oleh teman-teman. Selanjutnyauntuk mengubah kode HTML teman-teman ke wujud kode postingan, maka kliklah Encode yang ditandai dengan no.2, dan tombol Decode no.3 berfungsi untuk mengembalikan kode postingan ke kode HTML.

4. Kopi kode hasil Encode teman-teman ke halaman postingan teman-teman. Untuk melihat hasilnya, teman-teman bisa mengklik tulisan Pratinjau yang telah disediakan oleh pihak blogger di halaman posting.


Bagaimana? InsyaAllah berhasil tuh.


5
. Selesai.


Selamat berkreasi...




Semoga Bermanfaat []



0 komentar:

Posting Komentar