Cara Menyisipkan Source CODE pada Postingan

Tidak seperti blockquote yang dipasang pada template,  Memformat Source Code dengan Tag PRE ini merupakan sebuah TOOL dimana script atau code yang akan ditampilkan dalam postingan anda di masukkan ke textarea yang disediakan lalu diformat, hasilnya tinggal anda copy dan paste ke postingan anda.

Berikut contoh hasil pemformatan dengan pengaturan pakai penomoran baris dan tinggi 250 pixel.

1:  <style type="text/css">  
2:  div.sakahayang_wrapper{  
3:    width: 500px;  
4:  }  
5:  div.sakahayang_left_box{  
6:    float: left;  
7:    padding: 5px;  
8:    width: 240px;  
9:    border: none;  
10:    text-align: justify;  
11:  }  
12:  div.sakahayang_right_box{  
13:    float: right;  
14:    padding: 5px;  
15:    width: 240px;  
16:    border: none;  
17:    text-align: justify;  
18:  }  
19:  </style>   

Agar lebih manis dan cantik, kita gabungkan dengan blockquote yang telah kita bahas di Bikin Blockquote Menjadi Lebih Cantik caranya mudah yaitu hasil pemformatan diapit oleh <blockquote> ,,, hasil pemformatan ,,, </blockquote> penampakannya menjadi lebih mantabs.

1:  <style type="text/css">  
2:  div.sakahayang_wrapper{  
3:    width: 500px;  
4:  }  
5:  div.sakahayang_left_box{  
6:    float: left;  
7:    padding: 5px;  
8:    width: 240px;  
9:    border: none;  
10:    text-align: justify;  
11:  }  
12:  div.sakahayang_right_box{  
13:    float: right;  
14:    padding: 5px;  
15:    width: 240px;  
16:    border: none;  
17:    text-align: justify;  
18:  }  
19:  </style>   

Cara penggunaannya sebagai berikut :

1. Paste script atau code yang akan anda format pade textarea "Paste Here Your Source Code". Contoh :
   
   
   
2. Lakukan pengaturan pada kotak "Source Code Formatting Options". Silahkan anda coba-coba sendiri. Bila sudah maka lanjutkan click button "Format Source Code".
   
   
   
3. Hasil pemformatan akan tampak pada kotak "Preview Of Formatted Code"
   
   
   
4. Bila dirasa sudah cocok dengan selera anda perhatikan textarea "Copy Formatted Source Code", click button  "Select Formatted Source Code" lanjutkan click kanan pada code yang telah terpilih lalu click copy.
   
   
   
5. Terakhir paste dalam postingan anda pada mode HTML.
6. Selesai
7. Bila ingin memformat script / code lagi, click button "Clear" pada kotak "Paste Here Your Source Code"

Tool untuk Memformat Source Code dengan Tag PRE

Paste Here Your Source Code

Source Code Formatting Options

1) Convert Tab into Space : 1 2 3 4 5 6 7 8 9 10 2) Need Line Code Numbering : Yes No 3) Remove blank lines : Yes No 4) Embeded styles / Stylesheet : Yes No 5) Code Block Width : auto width 100% 100px 150px 200px 250px 300px 350px 400px 450px 500px 550px 600px 650px 700px 750px 800px 850px 900px 950px 1000px  6) Code Block Height : auto height 100% 100px 150px 200px 250px 300px 350px 400px 450px 500px 550px 600px 650px 700px 750px 800px 850px 900px 950px 1000px  7) Alternative Background : Yes No

Copy Formatted Source Code

Preview Of Formatted Code

Semoga bermanfaat,,,,

Read more: http://www.sakahayang.com/2012/04/memformat-source-code-dengan-tag-pre.html#ixzz26QYMhb4F
ٱلْحَمْدُ لِلَّهِ رَبِّ ٱلْعَٰلَمِين

Ranking: 5