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>



Romeltea Media
a Pen Blog Updated at:
Get Free Updates:
*Please click on the confirmation link sent in your Spam folder of Email*

 
back to top