English French German Spain Italian Dutch Russian Portuguese Japanese Korean Arabic Chinese Simplified

KODE HTML TAMPIL PADA POSTINGAN

Jika anda suka membuat postingan berupa tutorial yang didalamnya terdapat kode-kode HTML. Langkah awal yang harus anda kuasai adalah kode-kode perintah yang ditampilkan dalam bentuk karakter yang khusus.
Kode-kode yang digunakan agar kode HTML tampil pada postingan dapat anda lihat pada tabel dibawah ini.


Yang pertama yaitu anda harus mengganti karakter-karakter perintah dari program HTML dengan notasi tertentu. Karakter-karakter yang sering di gunakan yaitu seperti yang tertera pada tabel di bawah ini :
Kode HTMLKode yang ditulisKeterangan

&lt ;Kurung runcing terbuka
>&gt ;Kurung runcing tertutup
&&amp ;Tanda dan
"&quot ;Tanda petik ganda
±&plusmn ;Tanda plus minus
Spasi&nbsp ;Tanda spasi
©&copy ;Tanda hak cipta
®&reg ;Tandaterdaftar


Agar mudah dipahami, perhatikan contoh dibawah ini :

Dalam postingan anda terdapat tampilan kode HTML sepert ini :<a href="http://epg-studio.blogspot.com" target="_blank"/>

Tampilan kode seperti diatas, anda tulis seperti dibawah ini :
& lt;a href=& quot;http://epg-studio.blogspot.com& quot; target=& quot;_blank& quot;/& gt; (Agak sulit menampilkan tulisan dalam kode ini)

Agar huruf pada kode HTML memiliki ciri khas sebagai suatu kode tambahkan kode ini :<code>....kode HTML....</code>

Jika belum paham cara diatas ikuti langkah-langkah dibawah ini.

Untuk mempermudah anda dalam menampilkan kode HTML tampil pada postingan, kunjungi situs yang menyediakan jasa untuk itu.
Caranya :
  1. Kunjungi link ini : http://centricle.com
  2. Setelah berada pada situs tersebut masukan kode Html yang ingin anda tampilkan pada postingan.
  3. Klik Encode. Tunggu beberapa saat.
  4. Setelah proses selesai, copy hasilnya kemudian masukan pada postingan anda.
  5. Selesai

Selain situs diatas ada dua situs lainnya yang fungsinya sama yaitu mengubah kode HTML agar dapat tampil pada postingan. Situs tersebut adalah :

1. http://www.blogcrowds.com
2. http://www.accessify.com

Silahkan anda coba dan lihat hasilnya...!!!

PENTING UNTUK ANDA BACA



0 komentar:

Posting Komentar

KOMENTAR TERBARU

TINGGALKAN KOMENTAR ANDA

Follow Me