Saturday, November 2, 2013

Browse Manual » Wiring » » » » » » » Posting Code HTML dengan Tag pre

Posting Code HTML dengan Tag pre

Dalam memposting kode HTML kalau anda 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 anda ketik satu baris panjang tanpa ganti baris.


Cara membuat sebagai berikut :
Pastikan anda 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 anda bisa buat kode CSS-nya, dan pasang kode ini diatas
]]></b:skin>

misalkan :

pre {
margin : 25px;
padding : 19px;
clear : both;
background : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDNqfq-9De41KpioFjZ-hSp5PtatRJ857kuYxGs5ww2A8GhP09mVgQaILqrfYI4k6PtCB9JmY-caC43rDk1rlQciOmr1NyvWCHsMmMyWM5ktEX8NgUszCVgqmucVv0-JmjHyahDMP0_Ok/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

No comments:

Post a Comment