Posting Source Code
Biasanya saat kita ingin menulis suatu source code pada postingan kita,tampilan kode itu akan berantakan.
Belum lagi bila kode yang kita tuliskan itu berupa kode HTML, bisa jadi yang ditampilkan malah objek dari HTML tersebut.
Misalkan kita ingin menulis kode berikut :
<input type=text name=q size=41 maxlength=2048 value="TEST" title="TEST">
jika kita tulis dengan sintak yang sesuai,maka tampilan pada posting akan jadi seperti ini :
ada beberapa cara untuk membuat kode yang kita tulis dipostingan tampil sesuai dengan yang kita inginkan.
Manual,
Dengan cara kita merubah setiap karakter HTML yang otomatis di generate oleh mesin blog menjadi sintak-sintak HTML/Code. Dimana cara ini sangat tidak membantu dan sangat merepotkan.
Karena kita diharuskan merubah setiap sintak HTML kedalam bentuk ASCIInya.
Otomatis,
Nah cara ini mungkin lebih efektif, yaitu dengan menambah CSS untuk code kedalam template Blog.
untuk memasukkan kode css ini kedalam template, masuk ke Blog>>Layout>>Template>>EditHTML
Dibawah kode <body> sisipkan kode css berikut ini.
pre
{
background:#efefef;
border:1px solid #A6B0BF;
font-size:120%;
line-height:100%;
overflow:auto;
padding:10px;
color:#000000 }
pre:hover {
border:1px solid #efefef;
}
Nah untuk menggunakannya, pada saat kita menuliskan posting yang berisi suatu kode program HTML, ubah kode yang akan kita posting menjadi karakter-karakter ASCII melalui Postable, kemudian kita paste diantara TAG berikut :
<PRE>
</PRE>
hasilnya :
----- Simulasi Kode Program -----
<input type=text name=q size=41 maxlength=2048 value="TEST" title="TEST">
neat and simple huh...!
Sumber : Index Blog
0 Whisper
Post a Comment
Please, your comment must related with current posting otherwise your comment will mark as Spam.