Css

PASANG TAG PRE DI BLOGSPOT

Letakkan kode di dibawah ini diatas Kode ]]></b:skin> atau </style>

pre {
  padding:.5em 1em;
  margin:.5em 0;
  white-space:pre;
  word-wrap:normal;
  overflow:auto;
  background-color:#1B2426;
}
code {
  font-family:Consolas,Monaco,'Andale Mono','Courier New',Courier,Monospace;
  line-height:16px;
  color:#B43D3D;
  background-color:#eee;
  border:1px solid #ddd;
  padding:1px 2px;
}
pre code {
  display:block;
  background:none;
  border:none;
  color:#B9BDB6;
  direction:ltr;
  text-align:left;
  word-spacing:normal;
  padding:0 0;
}
code .token.punctuation {
  color:#83405A;
}
pre code .token.punctuation {
  color:#B9BDB6;
}
code .token.comment,
code .token.prolog,
code .token.doctype,
code .token.cdata {
  color:#435A4D;
}
code .namespace {
  opacity:.8;
}
code .token.property,
code .token.tag,
code .token.boolean,
code .token.number {
  color:#5BA1CF;
}
code .token.selector,
code .token.attr-name,
code .token.string {
  color:#986A7C;
}
pre code .token.selector,
pre code .token.attr-name,
pre code .token.string {
  color:#E0E8FF;
}
code .token.entity,
code .token.url,
pre .language-css .token.string,
pre .style .token.string {
  color:#E0E8FF;
}
code .token.operator {
  color:#878A85;
}
code .token.atrule,
code .token.attr-value {
  color:#48D30F;
}
pre code .token.atrule,
pre code .token.attr-value {
  color:#48E638;
}
code .token.keyword {
  color:#47A1CF;
  font-style:italic;
}
code .token.comment {
  font-style:italic;
}
code .token.regex {
  color:#B43D3D;
}
code .token.important {
  font-weight:bold;
}
code .token.entity {
  cursor:help;
}

Cari kode </body> dan letakkan script di bawah tepat di atasnya.

<script type="text/javascript" src='https://jokotole2704.googlecode.com/svn/tag-pre.js'></script>

Masukkan kode dibawah ini kedalam postingan blog anda,pilihlah kode yang ini "language-markup",,,namun kode scriptnya di encode dahulu.

<pre><code class="language-markup"> .... kode HTML (yang sudah di`escape`) di sini .... </code></pre>
<pre><code class="language-css"> .... kode CSS anda di sini .... </code></pre>
<pre><code class="language-javascript"> .... kode JavaScript anda di sini .... </code></pre>
<pre><code class="language-java"> .... kode Java anda di sini .... </code></pre>

NOTE:
HTML, XML, PHP ⇒ language-markup
CSS ⇒ language-css
JavaScript ⇒ language-javascript
Java ⇒ language-java