cara menampilakn kode HTML di Postingan Blog


Pada saat saya menulis tutorial yang isinya kode HTML, saya sempet bingung. Karena pada saat saya menuliskan kodenya dan saya tampilkan postingannya kode tersebut tidak muncul. Nah lho kok bisa gitu??…. pikir punya pikir bener juga kenapa ga tampil. Karena kode HTML itu langsung dibaca dan dieksekusi oleh browser. Nah, untuk menampilkannya ada caranya, yaitu dengan memberinya kotak pada kode htmlnya. Kalo bahasa scriptnya namanya text area. Adapun untuk membuat kode text areanya adalah seperti contoh berikut:

<textarea cols=”55″ rows=”4″ name=”code”>   Tulis kodenya disini  </textarea>

rows adalah jumlah baris yang diinginkan kalo diisi 4 brarti akan memuat 4 baris dan cols adalah jumlah kolom yang kita inginkan. kalo diisi 55 brarti panjang kolomnya seperti contoh kotak diatas. silahkan dikira2 mau diisi berapa yang kita inginkan. Untuk menuliskan kodenya letakkan sebelum kode: < /textarea >
Jangan lupa, sebelum menerbitkan postingannya, lihat dulu tampilan pratinjaunya. Caranya dengan meng-klik tulisan pratinjau di pojok kanan atas. Kalo pada saat kita terbitkan entri ada pesan kesalahan (html anda tidak diterima) silahkan di ceklist aja pada tulusan “berhenti menunjukkan kesalahan judul bla bla..” dan klik lagi “terbitkan entri”  contoh dari tampilannya adalah sebagai berikut:



atau bisa menggunakan cara seperti berikut ini lebih mudah lagi :

Jika kita menggunakan blogger bukan blogger in draf maka tampilanya seperti ini :

<head></head>

atau tidak keluar sama sekali

Penggunaan Blogger in Draft Cukup ketikan codenya langsung di halaman kerja. kemudian Klik Post Options yang letaknya berada di atas Publish Post/terbitkan entri, lebih jelas silahkan lihat gambar di bawah ini:


----------------------------------------------------------------------------
referensi :
dearyoti
putroweb

0 comments:

Posting Komentar

Terima kasih sudah berkunjung di blog ini

Followers

 

Revolution Two Church theme by Brian Gardner Converted into Blogger Template by Bloganol dot com | Free Blogger Templates created by The Blog Templates

Facebook

Amar Xaxena is a fan of

Avril LavigneAvril Lavigne
Create your Fan Badge