Menampilkan Kode HTML dalam Postingan
Posted by rike
on
0
Tidak jarang dalam sebuah postingan blog, kita ingin menampilkan kode HTML. Dan bukan rahasia lagi, apabila hal tersebut juga dapat menambah daya tarik pengunjung blog. Apalagi kalau blog kamu ber-tema-kan tips dan trik blogger, tutorial blog, serta optimasi blog.
Menampilkan kode HTML dalam postingan tidak seperti menulis kode biasa. Jika dalam postingan kamu memasukkan kode originalnya, maka yang tampil dalam postingan adalah hasil terjemahan bahasa HTML dari kode tersebut. Coba copy kode berikut dan langsung paste dalam entry (postingan) blog kamu :
Menampilkan kode HTML dalam postingan tidak seperti menulis kode biasa. Jika dalam postingan kamu memasukkan kode originalnya, maka yang tampil dalam postingan adalah hasil terjemahan bahasa HTML dari kode tersebut. Coba copy kode berikut dan langsung paste dalam entry (postingan) blog kamu :
<b>"Kok, kodenya ngga muncul???"</b>
Hasilnya mungkin seperti ini "Kok, kodenya ngga muncul???"
Di bawah ini merupakan 2 (dua) trik blogger praktis agar kode HTML muncul dalam postingan :
Pertama adalah dengan cara manual, yaitu merubah karakter-karakter kode tertentu. Mari kita lihat karakter-karakter yang perlu diganti :
Pertama adalah dengan cara manual, yaitu merubah karakter-karakter kode tertentu. Mari kita lihat karakter-karakter yang perlu diganti :
Kode | Ganti Kode dengan |
< | < |
> | > |
" | " |
Kedua adalah dengan memparse kode HTML yang akan kamu masukkan dengan menggunakan layanan situs online. Silakan kamu kunjungi :
- Centricle.com (http://www.centricle.com/tools/html-entities)
Masukkan kode yang akan kamu parse, kemudian tekan "Encode" atau jika ingin mengembalikan ke kode semula tekan "Decode".
- Blogcrowds (http://www.blogcrowds.com/resources/parse_html.php)
Masukkan kode yang akan diparse, namun kali ini kamu hanya menekan tombol "Parse".
Selamat menampilkan kode HTML dalam postingan...
Tagged as: Trik Blogger
About the Author
Write admin description here..
Get Updates
Subscribe to our e-mail newsletter to receive updates.
Share This Post
Related posts
0 comments:
Post a Comment