02 November 2011

Posting Code HTML dengan Tag "pre"

Dalam memposting kode HTML kalau sampeyan menggunakan tag <pre>  ditutup </pre> biasanya secara otomatis jenis font/teks yang akan tampil pada postingan adalah Courier, kelebihan dari tag ini adalah dapat mempertahankan teks HTML yang sampeyan ketik satu baris panjang tanpa ganti baris.


Cara membuat sebagai berikut :
Pastikan sampeyan posting pada mode Edit HTML..! (untuk posting code HTML kode yang akan diposting harus di parse kalau kita bekerja pada mode Edit HTML untuk caranya klik disini !)
Penulisan code pre pada posting sebagai berikut,

<pre> tulis disini teks atau kode HTML yang akan diposting, </pre>

Hasilnya sebagai berikut :

tulis disini teks atau kode HTML yang akan diposting

Kalau ingin sedikit variasi sampeyan bisa buat kode CSS-nya, dan pasang kode ini diatas
]]></b:skin>

misalkan :

pre {
margin : 25px;
padding : 19px;
clear : both;
background : url(http://lh3.ggpht.com/_y62nPKOnMVU/TTwtlXzhfQI/AAAAAAAAAbA/ci1NjzWkgIQ/s800/pre_code3.gif) repeat-y;
width : 85%;
}

Penulisan code perintah pada posting sebagai berikut,

<pre> tulis disini teks atau kode HTML yang akan diposting </pre>

Hasilnya sebagai berikut :


Semoga bermanfaat


Author : Zainoel Arifin Isa'i

Ketika aku tidak nongkrong di warung kopi atau menyusuri hutan atau juga mendaki gunung, aku sibuk menjadi tukang desain lepas/ freelance yang bermarkas di sudut ruang kamar belakang rumah di daerah pelosok desa terpencil lereng gunung Arjuno.... Facebook : -Mbah Djojo-

0 komentar:

Post a Comment

Berkomentarlah yang bijak, iklan/spam langsung dihapus