Kode Program dalam Postingan
Berikut ini cara jika anda ingin menyertakan suatu kode program/html ke dalam postingan anda. Saya melakukannya lewat blogdesk.
- Untuk menulis kode pemrograman ke dalam postingan anda gunakan tags
<code></code>atau<pre></pre>. Untuk bagian awal kode pemrograman anda gunakan tag<code>atau<pre>sedangkan bagian akhir gunakan</code>atau</pre>. JANGAN meletakkan tag tersebut di awal dan di akhir POSTINGAN anda. CUKUP di awal dan di akhir kode pemrograman yang ingin anda sertakan ke dalam posting. Contoh penggunaan tag<code>seperti dibawah ini.CSS sangat populer saat ini dan hampir selalu digunakan dalam membangun sebuah situs web. Salah satu kode elemen CSS adalah sebagai berikut
<code> ===> disisipkan kedalam source HTMLTags
{
margin : 0;
padding : 0;
border : 0;
}
body {
font : 75%/150% “Lucida Grande”, Verdana, Lucida, Lucida Handwriting, Helvetica, Arial, sans-serif;
color : #393939;
background : url(’images/shadow_left1.png’) repeat-y;
}
</code> ===> disisipkan kedalam source HTML<code></code>disisipkan kedalam source HTML. Selanjutnya anda dapat mengetik kode pemrograman seperti yang anda inginkan. Penggunaan<pre></pre>sama seperti<code></code> - Anda harus meletakkan tag
<code>dan</code>tersebut kedalam source html postingan anda. Cara merubah tampilan dari normal ke tampilan source HTML adalah dengan menekan tombol F5. - Kemudian apa perbedaan antara
<code>dengan<pre>? Perbedaanya adalah saat ditampilkan di browser. Tag<pre>akan menampilkan sama persis seperti apa yang anda tulis dan mengabaikan lebar kolom. Sedangkan<code>akan memperhitungkan lebar kolom. Jika baris program yang anda tulis terlalu panjang melebihi lebar kolom maka tag<code>secara otomatis melanjutkan dibaris berikutnya. - Untuk pemanis tampilan kode anda, anda dapat memberikan style pada kode tersebut. Tambahkan kode style anda pada file CSS. Pada blog ini saya menambahkan kode style berikut pada bagian paling bawah file CSS saya.
code {font-size:1.3em;
color: #008099}
