Tampilkan Kode HTML pada Posting Blog

Sebagai Copaster, ada sesuatu yang sangat menggangu saya selama ini. Apakah itu ? Saya tidak bisa melakukan copas postingan yang menampilkan kode HTML.

Tapi berkat kejelian dan ketekunan seorang Copaster, sepertinya keluhan itu dapat segera diatasi (lagi-lagi copas, hehehe …). Mau tahu rahasianya …???!!!

Untuk dapat menampilkan kode HTML pada postingan, ini dia carane :

• Log In Blogger
• Layout
• Template
• Edit HTML
• Copy kode berikut
  

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;
}
code {
font-size:120%;
text-align:left;
margin:0;padding:0;
color: #000000;}
.clear { clear:both;
overflow:hidden;
}

• Pastekan kode di atas sebelum tag ]]></b:skin>
• Save Template
  

Nah, sewaktu posting kita tinggal menambahkan kode <pre>HTML</pre> atau <code>HTML</code>, kira-kira seperti ini :

<pre>Kode yang Ingin Diposting</pre>
atau
<code>Kode yang Ingin Diposting</code>