Cara Pasang Kode HTML di Postingan

 

Setelah 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=&#8221;"width=”400″height=”300″/></p>

Harus diubah menjadi seperti kode di bawah ini:

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

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.

—————————-