Bagi Anda para pengguna Blogger yang (mau tidak mau) harus bergelut dalam bidang pembahasan codes pasti ingin agar tiap kali posting, bagian codes tersebut memiliki tampilan (entah warna, huruf, atau border) yang berbeda dari paragraf posting yang biasanya. Hal ini dilakukan untuk mempermudah pengunjung dalam mengenali bagian yang berisi codes tersebut. Biasanya, memang digunakan "div" dan "class", namun cara ini agak ribet jika tiap kali mengetikkan codes, kita harus terus mengurungnya dengan "div-div" an tersebut ^^. Oleh karena itu, Gin hendak sharing cara termudah untuk membuat / meng-highlight tampilan bagian codes Anda sehingga tampil beda.
Silakan berangkat pada bagian Layout > Edit HTML. Jika sudah, pada bagian CSS-nya, tambahkan code sebagai berikut:
Save. Maka... tampilan code Anda akan tampak seperti yang saya gunakan di atas.
Untuk menggunakannya dalam posting, cukup apit tulisan codes Anda dengan tag <code> dan </code> , contoh:
Tentu saja ini bukan tampilan mutlak. Anda bisa memodifikasi bagian codes ini sesuka hati Anda dengan mengotak-atik bagian dalam .post code tersebut. Selamat mencoba!
Silakan berangkat pada bagian Layout > Edit HTML. Jika sudah, pada bagian CSS-nya, tambahkan code sebagai berikut:
/*code*/
.post code {
text-align:left;
font-family:Courier New;
font-size:11px;
display:block;
margin:4px;
line-height:2;
border-left:16px;
border-top:1px;
border-bottom:1px;
border-right:1px;
border-color:#666699;
border-style:solid;
padding:4px}
.post code p {margin:4px}Save. Maka... tampilan code Anda akan tampak seperti yang saya gunakan di atas.
Untuk menggunakannya dalam posting, cukup apit tulisan codes Anda dengan tag <code> dan </code> , contoh:
<code>
code baris 1
code baris 2
code baris 3
...
</code>Tentu saja ini bukan tampilan mutlak. Anda bisa memodifikasi bagian codes ini sesuka hati Anda dengan mengotak-atik bagian dalam .post code tersebut. Selamat mencoba!
» Read More




