Prettify syntax highlighter

ChiliBook.automatic = false;
ChiliBook.lineNumbers = true;
$( function() { // catatan penting
 $( '#highlight' )
 .one( 'click', function() {
  var time1 = new Date();
  var $chili = $( '#jq' ).chili();
  var time2 = new Date();
  var delta = time2 - time1;
  var spans = $chili.find( 'span' ).length;
  var rate = Math.round( spans / delta * 100 ) / 100;
  $( '#highlight' ).html( 
   'highlight done in ' + delta + ' milliseconds'
   + ' with ' + spans + ' spans'
   + ' at a rate of ' + rate * 1000 + ' span/sec'
  );
 } )
 .show()
 ;
} );

textarea {
        display:inline-block;
        margin:0;
        width:98%;
        border:2px solid #aaa;
        background:#000;
        border-radius:6px;
        padding:10px 5px 5px 12px;
        font:normal 12px Verdana;
        line-height:20px;
        color:#eee;
        max-height:450px;
}
.button {
        width:400px;
        text-align:right;
        float:right;
}
.button-input {
        display:inline-block;
        width:120px;
        margin:0 3px;
}
@keyframes mubeng{
       0%{color:blue;}
       100%{color:red;}
}
-o-@keyframes mubeng{
       0%{color:blue;}
       100%{color:red;}
}
#mybox{
       width:400px;
       height:300px;
       padding:10px;
       margin:20px auto;
       backgropund:red;
       transition:1s;
       -o-transition:1s;
       -ms-transition:1s;
       -ms-transition:1s;
       -webkit-transition:1s;
       animation:mubeng linear alternate;
       -o-animation:mubeng linear alternate;
       -ms-animation:mubeng linear alternate;
       -moz-animation:mubeng linear alternate;
       -webkit-animation:mubeng linear alternate;
}
#box:hover{
       transform:rotate(180deg) translate(10px,20px) scale(1.5);
       -o-transform:rotate(180deg) translate(10px,20px) scale(1.5);
       -ms-transform:rotate(180deg) translate(10px,20px) scale(1.5);
       -moz-transform:rotate(180deg) translate(10px,20px) scale(1.5);
       -webkit-transform:rotate(180deg) translate(10px,20px) scale(1.5);
}

Editor-2 <p>

CSS styling link selalu menjadi kode yang dipastikan "selalu ada" dalam desain web/blog. Kode ini sangat penting dan selalu ditempatkan di bagian atas pada susunan kode css. Biasanya berada tak jauh dari syntax body. Penggunaan css styling link tak lepas dari 'digunakannya kode html tag "a" (html "a" tag) yang berfungsi untuk membuat link. Link sendiri berfungsi untuk membuat suatu hubungan dengan blog/web lain atau bisa juga dengan satu atau beberapa bagian didalam web/blog itu sendiri. HTML tag "a" dapat dengan mudah dikenali melalui berbagai ciri/tanda:

editor

<style type="text/css">
.myprev {
          position:relative;
          width:545px;
          height:495px;
          float:right;
          margin-top:-64px;
          background:rgba(255,255,255,.95);
          border:3px solid #555;
          border-radius:8px;
          overflow:auto;
}
.GRpreview,
.smallGRpreview {
          min-height:495px;
          max-height:4000px;
          min-width:545px;
          max-width:1007px;
          display:block;
}
.myprev2 iframe.GRpreview {
          width:1007px;
          height:475px;
          max-height:4000px;
          overflow:visible;
}
</style> 

<div id="div_tabel">
   <div id="div_tabel_cell">
      <div class="div_konten">
        tabel-cell » Posisi teks di awal konten ditentukan melalui CSS vertical-align property. 
      </div> 
   </div>
</div>

Images

Mempostingkan image perlu pengaturan tertentu yang dilakukan dengan menggunakan kode css atau html agar image ditampilkan secara optimal dan tertata rapi. pemilihan jenis file juga sangat penting untuk menjaga agar loading blog tetap terjaga dengan baik. pemilihan file image ini berkaitan dengan ukuran image, pemakaian warna pada image/detail warna. Detail warna yang kompleks lebih baik menggunakan file dengan ekstensi .jpg sedangkan yang tak terlalu banyak warna menggunakan .gif atau .png.

Mempostingkan image perlu pengaturan tertentu yang dilakukan dengan menggunakan kode css atau html agar image ditampilkan secara optimal dan tertata rapi. pemilihan jenis file juga sangat penting untuk menjaga agar loading blog tetap terjaga dengan baik. pemilihan file image ini berkaitan dengan ukuran image, pemakaian warna pada image/detail warna. Detail warna yang kompleks lebih baik menggunakan file dengan ekstensi .jpg sedangkan yang tak terlalu banyak warna menggunakan .gif atau .png.