วิธีวางซอสโค้ดไว้ในบทความ hilite.me

       สวัสดีครับ วันนี้ผมอยากจะมาแนะนำวิธีวางซอสโค้ดไว้ในบทความ โดยใช้เว็บไซต์เว็บนึง สำหรับชาวโปรแกรมเมอร์ทั้งหลายที่ต้องการอยากจะเป็นบล็อกเกอร์หรือคนเขียนบล็อกทำนองนี้นะครับ แล้วอยากวางโค้ด (Source Code) ของตัวเองไว้ในบทความที่เราอยากจะเขียนนั้นเอง แต่มันติดอยู่ตรงที่ว่าพอวางโค้ดลงไปตรงๆ นั้น บางทีโค้ดของเราก็ยาวไปจนต้องเลื่อนบรรทัดลงมา ทำให้คนอ่านอย่างเราๆ มองมันยากขึ้นอีก เช่น

function getFileName(){
        $con = mysqli_connect("localhost","id2088139_iteminfactory","Darksider345","id2088139_iteminfactory") or die('Unable to Connect...');
        $sql = "SELECT max(accessory_id) as accessory_id FROM Accessory";
        $result = mysqli_fetch_array(mysqli_query($con, $sql));

        if($result['accessory_id']== null)
            return 1;
        else
            return ++$result['accessory_id'];

        mysqli_close($con);
    }

ฟังก์ชั่น getName ไว้สำหรับดึงค่า id ออกมาแล้วนับขึ้น 1 ค่า

ตัวอย่างโค้ดด้านบนนี้เป็นตัวอย่างที่ไม่ดีสำหรับชาวบล็อกทั้งหลายเลย เพราะว่าแค่เป็นการก๊อปปี้โค้ดนำมาวางไว้เฉยๆ ซึ่งจะเห็นว่าตรงบรรทัด mysqli_connect มันเลยจนล้นออกไปยังบรรทัดล่าง ก็ทำให้คนอ่าน อ่านยากขึ้นอีก และสียังเป็นเดียวกันอีกแหนะก็คือสีดำ มันก็จะดูไม่สละสวยเท่าไหร่

<?php
define('HOST','localhost');
define('USER','root');
define('PASS','');
define('DB','test');

ฟังก์ชั่นการเชื่อมต่อกับฐานข้อมูล

หรือจะใส่ไฮไลท์ลงไปหน่อย ดูดีขึ้นไหม? หรืออาจจะดูแย่กว่าเดิมไปอีกครับ โอเครไม่เป็นไรแต่เราจะแนะนำวิธีวางซอสโค้ดไว้ในบทความของคุณ ซึ่งเป็นเว็บไซต์ที่ช่วยจัดรูปแบบโค้ด (Source Code) ได้ครับ ให้มันสามารถอยู่รวมกับบทความของคุณได้อย่างสละสลวย มีไฮไลท์ให้ด้วย รับรองง่ายมาก hilite.me

หน้าตาของเว็บไซต์ hilite.me

และนี่คือหน้าตาของเจ้า hilite.me นั้นเอง ซึ่งวิธีการวางโค้ด (Source Code) นั้นก็ง่ายมากๆ ทำเรียงตามตัวเลขไปเลยครับ

1. นำโค้ดที่เราต้องการมาวางไว้เลยครับ

2. คือให้เราเลือกภาษา (Language) ของโค้ด , Style , Line Numbers , Css จากนั้นกดปุ่ม Highlight เลย

3. เมื่อกดปุ่ม Highlight แล้วมันก็แสดงผลลัพท์ (Output) ออกมาที่ช่อง 3 ครับ ซึ่งนั้นแหละหน้าที่มันจะแสดงออกมา เมื่อเรานำไปวางที่เว็บไซต์ของเรานั้นเอง ปรับแต่งได้ตามใจชอบเลยครับ

4. เมื่อเสร็จแล้วก็ก๊อปปี้ (Copy) ช่อง 4 ซึ่งได้แปลงเป็นโค้ด HTML เรียบร้อยแล้ว นำไปติดที่เว็บของคุณได้เลยครับ เสร็จจบ

package it.bittimecorso.localizationupdater;

import android.app.Activity;
import android.os.Bundle;
import android.util.Log;

public class TextActivity extends Activity {

 @Override
 protected void onCreate(Bundle savedInstanceState) {
  // TODO Auto-generated method stub
  super.onCreate(savedInstanceState);
  setContentView(R.layout.text_layout);
 }
}