Cara Pasang Kode HTML di Postingan

Bismillah,

Belajar HTMLSetelah bersih-bersih rumah saya yang satu ini, rasanya siang nan panas akan lebih menyenangkan jika ada sosok penjual Dawet Ayu Banjarnegara lewat depan rumahku. Tenang, saya tidak memasang tenda biru kok😆

Ini masih abad ke-20 kah?

Berarti saya masih belum tertinggal lama dan masih bisa berkarya di atas kanvas maya ini.

Akhir-akhir ini saya sedang gemar mengutak-atik html di rumah sebelah, blogspot. Ada banyak sekali ilmu baru yang sangat berarti dalam hidup saya. Ternyata html adalah bukan sembarang kode, tapi kode yang bisa mengubah blog anda. Entah itu menjadi rusak tampilannya, atau mungkin bisa menjadi lebih baik dan semakin cantik. Semua teratasi dengan sedikit modifikasi kode html.

Namun, saat ini terlalu berat bagi saya untuk menjelaskan secara detail tentang html. Lha wong baru kemarin sore bereksperimen kok sudah mau mendemonstrasikan. Nanti ada saatnya aku menjajal kemampuan ilmu dari padepokan sebelah. Sementara hanya ilmu html ringan saja, kalau ingin yang lebih berat bisa langsung menghubungi menteri html. Atau bisa calling 911 untuk kondisi darurat.

Kemarin saya telah membuat tulisan tentang cara menampilkan link secara otomatis saat artikel kita dicopas. Jika ada yang meng-copy tulisan kita -sebagian ataupun seluruhnya- dan mem-paste di blog, atau dimanapun, maka secara otomatis akan tertulis sumber artikel tersebut di bagian paling bawah. Silakan lihat blog saya untuk lebih jelasnya.

Nah, waktu saya akan membuat postingan tentang itu, sudah tentu saya akan menuliskan script html ke dalam postingan bukan? Ternyata tidak semudah yang dibayangkan. Waktu itu saya langsung copas script-nya dan langsung publish tanpa saya periksa. Sehari kemudian banyak komentar yang menanyakan postingan saya. Dan benarlah, script html yang saya tulisa tidak terlihat di posting.

Dari kejadian tersebut, ada satu pelajaran baru untuk saya bahwa tidak bisa sembarangan memasang kode html di postingan. Ada aturan mainnya juga. Berikut ini aturan main menampilkan kode html di postingan:

Yang perlu diperhatikan dalam kode html hanya beberapa karakter huruf. Diantaranya seperti yang ada di dalam kurung {| < | > | |}

< diganti dengan &lt;

” diganti dengan &quot;

> diganti dengan &gt;

Sebagai contoh misalnya kita akan memasang kode ini dipostingan:

<img src=”http://gambargambar.com/wp-content/uploads/2012/02/11/Bunga.jpg”alt=””width=”400″height=”300″/&gt;

Harus diubah menjadi seperti kode di bawah ini:

<imgsrc=”http://gambargambar.com/wp-content/uploads/2012/02/11/Bunga.jpg&#8221; alt=”” width=”400″ height=”300″ />

 

Kode html warna biru harus diubah ke bentuk html yang berwarna merah. Jika kode warna biru tersebut tidak diubah seperti contoh, maka deretan tulisan dan angka warna biru tersebut akan berubah menjadi sebuah gambar cantik, seperti di bawah ini:

Sehingga jika kita mau membuat tutorial yang berisi html, maka ubahlah sesuai contoh di atas agar kode html yang dimuat dalam postingan bisa di copy-paste oleh pengguna yang membaca postingan anda.

—————————-

Baca Juga:

Note!

Hanya berlaku pada blog berplatform seperti blogger atau blogspot bukan wordpress

Sumber gbr: depotsenigrafis.blogspot.com

88 responses to “Cara Pasang Kode HTML di Postingan

  1. Saya malah gak paham kalau blogspot. Saya sendiri jarang menampilkan kode html di postingan. Btw, keknya kalau di wp bisa ditulis langsung kodenya asal nulisnya dalam mode visual. Betul, ya?

    • iya pak. beda dg blogspot. kalo di wp bisa langsung ditulis dan nggak hilang, jika di mode visual. lebih praktis dan gampang. saya pertama kali kenal juga lngsg jatuh cinta sama wp, hehe

  2. Wih…kembange apiik *halah…malah ngomongke kembang, hehe…* Trims tips nya..sayang aq masih gak bisa2 juga mainan HTML ini… pernah nyoba pengen ikutan kuisnya Pak Mars..gagal maning gagal maning..*lha..rak malah curcol..* Sorry….hehe…

  3. Karena ndak bikin tutorial, jadi hampir tidak pernah menggunakannya, kalaupun ada aku lebih sering menggunakan editor yang ada didashboard wordpress😉

  4. Kalo WP langsung pake tag Script yah? Wah cara menampilkan link otomatis tapi untuk blog WP gimana yah? Pengin dicoba, tapi sayang itu untuk blogspot ya.

  5. Saleum,
    Wah sangat berguna tuh untuk blogger pemula seperti saya, trima kasih ilmunya kang….🙂
    hehee… pa kabar kang? sehat kan. maaf baru sempat mampir.

  6. hiks….si bunda ini kok jadi makin kliyengan tiap kali liat kode html …😦
    nanti minta tolong Ari aja yg pasangin deh ya ,
    kalau bunda mau pajang kode html di blog….😛
    salam

Komen

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s