Study and Learning a BLOG site to make money on internet

ariesna blog merupakan situs pribadi yang ikut membantu dan mencerdaskan pembacanya dalam membuat website blog serta memberikan informasi bisnis di internet

Menampilkan kode HTML pada halaman blog

Written by ariesna on 04.20

Bagaimana caranya agar kode HTML bisa tampil di posting-an blog? Nah dari situ muncul ide untuk membuat posting-an ini, barangkali ada diantara kawan-kawan semua yang juga mempunyai pertanyaan seperti itu? jawabannya mungkin begini. Agar kode-kode HTML dapat muncul pada posting-an blog kita, ada beberapa cara dan yang saya ketahui saat ini cuma baru dua cara, bisa ngetik kode atau pake software pengubah kode html.

Contoh fungsi ini sebagai berikut:

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 :















































Karakter
Notasi
Keterangan
<
&lt;
Kurung runcing terbuka
>
&gt;
Kurung runcing tutup
&
&amp;
Tanda Dan
"
&quot;
Tanda petik ganda
±
&plusmn;
Tanda plus minus
Spasi
&nbsp;
Tanda Spasi
©
&copy;
Tanda hak cipta (copyright)
®
&reg;
Tanda terdaftar (Registered)

Nah agar lebih paham akan saya beri contoh, misalkan dalam postingan anda berisi kata-kata seperti ini :

Untuk membuatnya cukup dengan hanya membubuhkan program di bawah ini :

<meta http-equiv="refresh" content="10">

</meta>

Di dalam postingan anda, jika ingin tampil seperti itu maka yang di tuliskan tidak persis seperti kode di atas, sebab nanti di postingan tulisan kode tersebut tidak akan muncul, yang ada justru efek dari kode yang anda tuliskan. trus jalan keluarnya gimana? Seperti yang saya tuliskan pada tabel, anda harus mengganti karakter-karakter perintah yang ada dengan notasi penggantinya, jadi yang harus anda tuliskan pada postingan adalah seperti ini :

Untuk membuatnya cukup dengan hanya membubuhkan program di bawah ini :

&ltbr/><br/> <code>
&lt;meta http-equiv="refresh" content="10"&gt;
<br/>
&lt;/meta&gt;
</code>

Pembubuhan perintah <code> dan </code> adalah untuk menandakan bahwa yang anda tulis adalah sebuah kode HTML, dan nantinya pun tulisan-tulisan yang berada dalam perintah ini akan tanpil beda dengan tulisan-tulisan yang lainnya, sebagai contoh silahkan anda lihat postingan saya yang lainya yang membubuhkan kode-kode HTML. pembubuhan perintah <br/> adalah untuk membuat tulisan berpindah kebawah, jika anda tidak membubuhkan perintah <br/> tadi, walaupun di posting-an anda tulis jauh kebawah, hasilnya akan tetap bersatu.

Cara yang kedua adalah dengan menggunakan text area. Cara membuat text area secara lengkap dapat anda simak dalam session text area. Sebagai contoh, untuk menuliskan kode-kode di atas, pada posting-an anda harus menuliskan seperti ini :

Untuk membuatnya cukup dengan hanya membubuhkan program di bawah ini :
<br/><br/>
<p align="left"><textarea name="code" rows="6" cols="400">&lt;meta http-equiv="refresh" content="10"&gt; &lt;/meta&gt;</textarea></p>

Maka yang akan tampil di blog anda adalah seperti ini :

mudah bukan? selamat mencoba dan berkarya.

Keterangan: Anda harus pada posisi Edit HTML jangan pada posisi compose.

Jika anda kesulitan untuk mengetik kode-kode diatas, saya sarankan untuk menggunakan software converter. Kunjungi situs centricle Encode / Decode HTML Entities untuk mempermudah dan mempercepat proses pengkodean diatas.

Copyright by kolom-tutorial



Related Posts by Categories



Widget by ariesna blog
  1. 0 komentar: Responses to “ Menampilkan kode HTML pada halaman blog ”

Posting Komentar

Silahkan mengisi komentar disini.
Saran dan kritik dari anda sangat saya harapkan.
Terima kasih

My Blog Roll

About Me

Hi All, my name is Adam, just call me Adam, this blog made for my personality, my family and so anyone can share about knowledge, discovery and experience to be blogger. Almost articles on this site are related tips, tutorial and how to make money online. You can review and give me a comment to get more experience.

Want to subscribe?

Subscribe in a reader.