Doesystem: website-tips

แสดงบทความที่มีป้ายกำกับ website-tips แสดงบทความทั้งหมด

28/12/58

การเปลี่ยน Version ของ PHP ใน Bluehost

บทความนี้เรามาดูวิธีการเปลี่ยน Version ของ PHP ใน Bluehost กันครับ ซึ่งใครใช้ Bluehost อยู่อาจจะอยากเปลี่ยน Version ของ PHP ที่ต้องการ เรามาดูกันดีกว่าว่าเปลี่ยนยังไง

เริ่มด้วยเข้าสู่ระบบก่อน จากนั้นไปที่แถบ hosting แล้วไปที่ cpanel ตามรูปด้านล่าง

จากนั้นให้มองในส่วนของ programming จะมีส่วนของ PHP Config อยู่ ให้กดเข้าไป ดังรูปด้านล่าง

เมื่อกดเข้าไปจะพบกับหน้าต่าง Bluehost PHP Configuration ตามรูปด้านล่าง

ให้ทำการเลือก Version ที่ต้องการ จากนั้นก็กด Save เพียงแค่นี้เราก็ได้ PHP version ที่เราต้องการแล้ว

หมายเหตุ*** อย่าลืมคำเตือน
If you are not familiar with these options, do NOT change them.
This can cause all PHP scripts on your site to stop functioning if misconfigured.

2/12/58

Design Patterns: PHP Singleton

บทความนี้เรามาดูตัวอย่างการใช้ Design Patterns มาใช้ในภาษา PHP โดยตัวอย่างนี้จะเป็นเรื่องของ Singleton

ในการออกแบบ web application นั้น ก็มักจะมีแนวทางในการออกแบบที่หลากหลายรูปแบบกันไป และมักจะมีการออกแบบให้มีการเข้าถึง instance ใน Class ไม่น้อยเช่นกัน เช่น เราต้องการจะเข้าถึง Object ที่เกี่ยวกับการติดต่อฐานข้อมูลหนึ่ง ๆ เราไม่จำเป็นจะต้องสร้าง Object ชนิดนี้ออกมามากมาย เพียงแค่ Object เดียวแล้วเวลาจะใช้ก็ทำการเรียก getInstance เอา Object นั้นออกมาใช้งานเพียงแค่นี้ก็พอแล้ว และก็มีอีกอย่างนั่นก็คือเราไม่จำเป็นต้องแก้ไขหรือไม่ให้ใครมาแก้ไข Object นี้ เราจะออกแบบยังไง The singleton pattern สามารถช่วยคุณได้ มาดูตัวอย่างง่าย ๆ กัน

<?php
class Singleton
{
    /**
     * @var Singleton The reference to *Singleton* instance of this class
     */
    private static $instance;
    
    /**
     * Returns the *Singleton* instance of this class.
     *
     * @return Singleton The *Singleton* instance.
     */
    public static function getInstance()
    {
        if (null === static::$instance) {
            static::$instance = new static();
        }
        
        return static::$instance;
    }

    /**
     * Protected constructor to prevent creating a new instance of the
     * *Singleton* via the `new` operator from outside of this class.
     */
    protected function __construct()
    {
    }

    /**
     * Private clone method to prevent cloning of the instance of the
     * *Singleton* instance.
     *
     * @return void
     */
    private function __clone()
    {
    }

    /**
     * Private unserialize method to prevent unserializing of the *Singleton*
     * instance.
     *
     * @return void
     */
    private function __wakeup()
    {
    }
}

class SingletonChild extends Singleton
{
}
?>

จากโค้ดจะเห็นว่าตัวแปรที่ต้องการจะ return นั้นจะต้องเป็น static เวลาจะใช้งานเราก็เรียก getInstance() เช่น Singleton::getInstance(); ในฟังก์ชันเราก็ทำการเช็คตัวแปรก่อนว่ามีค่าแล้วหรือเปล่า หรือมีคนเรียกแล้วหรือยัง ถ้ายังเราก็ทำการสร้างขึ้นมาแล้วเก็บไว้ในตัวแปรประจำ Class จากนั้นเมื่อทำการเรียกครั้งต่อไป เราจะทำการ return ตัวแปรเดิมที่เคยเรียกไปแล้ว

ดูเพิ่มเติมได้ที่
http://www.phptherightway.com/pages/Design-Patterns.html
https://en.wikipedia.org/wiki/Singleton_pattern

คิดชื่อโดเมนไม่ออก ตั้งชื่อ domain อะไรดี มาใช้เครื่องมือช่วยตั้งชื่อเว็บไซต์กันดีกว่า

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

มาเริ่มดูเครื่องมือกันเลย

http://www.leandomainsearch.com/

เว็บนี้เป็นเว็บที่ช่วยในการหาชื่อโดเมน .com ที่ยังว่างอยู่ เราสามารถที่จะให้มันช่วยค้นหาชื่อโดเมนที่เราต้องการเริ่มต้นแล้วเอาชื่อต่าง ๆ มาต่อท้าย ต่อหัว หรือทั้งท้ายและหัวได้ตามต้องการ มันจะนำคำที่ดี ๆ สวย ๆ และมีความหมายมาต่อเติมให้ ทำให้เราเห็นชื่อโดเมนหรือคำต่อที่เรานึกไม่ออกมาตั้งมากมาย

https://domaintyper.com/

เว็บนี้จะช่วยเช็คชื่อโดเมนที่ว่างอยู่ทั้ง .com .net .org และอื่น ๆ ที่ใช้กันเยอะ ๆ มาให้เรา หรือกำหนดเองก็ได้ด้วย โดยสีแดงแสดงว่ามีการจดไว้แล้วและยังสามารถดูรายละเอียดโดเมนที่จดไปแล้วได้ด้วย ส่วนสีเขียวแสดงว่ายังว่างอยู่ และนอกจากนั้นยังช่วยคิดชื่อโดเมนให้เราด้วยในส่วนของ Domain Name Generator แต่จะเห็นว่ามีนิดเดียว เราสามารถกดปุ่น refresh หรือปุ่ม Generator New Names เพื่อให้ค้นหาชื่ออื่น ๆ ได้

http://www.namemesh.com/

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

http://www.domainsbot.com/

เว็บนี้จะช่วยในการเลือกดอทให้อย่างหลากหลาย เช่น ต้องการชื่อโดเมนนี้ แต่ .com ไม่ว่าง มันจะหาดอทอื่น ๆ มาแทนอีกหลาย ๆ ดอทให้เราได้เลือกใช้ แล้วยังหาชื่อดี ๆ มาแนะนำให้เราด้วย

บทความนี้ขอแนะนำเครื่องมือช่วยตั้งชื่อโดเมนแค่นี้ก่อนละกัน เครื่องมือฟรีที่ช่วยตั้งชื่อโดเมนยังมีอีกมาก แต่เพียงแค่นี้ก็น่าจะเพียงพอแล้วสำหรับการตั้งชื่อโดเมน สำหรับใครมีเครื่องมือดี ๆ ลองโพสมาแนะนำกันครับ

1/9/58

hongfanji.com คือเว็บอะไร

ถ้าลองสังเกตุในเว็บไซต์เราจะมี traffic จากเว็บไซต์ต่าง ๆ ที่เข้ามา ทั้งแบบ Social ทั้งแบบ Referral ทั้งแบบ Direct หรือแม้แต่ Organic Search แต่ถ้าลองสังเกตุ Referral ตัวหนึ่งที่มาจาก hongfanji.com เรามาดูว่ามันคืออะไรกัน

ถ้าเราเข้าไปที่ google Analytics จะเห็นว่ามี traffic มาจาก hongfanji.com อยู่บ่อยมาก ๆ

ถ้าเข้าไปดูเว็บไซต์ hongfanji.com จะเห็นหน้าตาเว็บไซต์ประมาณนี้

ซึ่งจากหน้าตาเว็บไซต์มีแต่โฆษณาให้หาเงินออนไลน์ และมีลิ้ง Referral ให้สมัครเว็บหาเงินออนไลน์

เมื่อลองหาข้อมูลดูแล้ว จะพบว่า hongfanji.com เป็น 1 ในหลาย ๆ URL ที่กำลังเป็นปัญหา referrer spam ที่มีวัตถุประสงค์ในการ analytical ข้อมูลในเว็บไซต์ทั่วโลก

Hongfanji.com ถูกออกแบบมาให้เป็น referrer spam เพื่อต้องการโปรโมทเว็บไซต์ของพวกเขา ทำให้มีผู้เข้าชม และส่งเสริมให้เว็บไซต์ของพวกเขามีอับดับใน Google Search ที่ดีขึ้น โดยการสร้าง backlinks ให้มาจากเว็บไซต์ของคุณโดย access logs

Hongfanji.com referrer spam เป็นตัวปัญหาสำหรับ webmaster เว็บไซต์หรือเจ้าของเว็บไซต์ เพราะว่ามันจะทำลายข้อมูลที่วัดประสิทธิ์ภาพจาก Google Analytics และบริการอื่น ๆ รวมไปถึงทุกสิ่งทุกอย่างที่ได้มาจากการวัด การประเมินประสิทธิภาพของเว็บไซต์ และพฤติกรรมจากผู้เยี่ยมชม

ตัวอย่าง hongfanji.com referrer spam จะทำลาย bounce rate ของคุณเพราะว่าเวลา hongfanji.com สแปม URL นั้นจะสแปมเพียงหน้าเว็บเดียว และจะออกจากเว็บไซต์จากหน้านั้น ๆ ทำให้ไปทำลาย bounce rate นอกจากนี้ยังสามารถโจมตีแหล่งที่มาของเว็บไซต์ของคุณทั่วโลก

hongfanji.com คืออะไร

Hongfanji.com คือสแปมเว็บไซต์ ที่มีเป้าหมายเพื่อวิเคราะห์ข้อมูลในเว็บไซต์ของคุณ Hongfanji.com referrer spam ถูกออกแบบมาเพื่อให้ผลิต request ที่ซ้ำ ๆ กันแล้วส่งไปยังเว็บไซต์ของคุณตามเวลาที่กำหนด และส่งจากสถานที่ทั่วโลกโดยใช้ traffic bots คอมพิวเตอร์ที่ติดซอฟแวร์อันตราย และวิธีการเทคนิค blackhat SEO

ประโยชน์ที่ได้รับของ Hongfanji.com ที่แสปมนี้ก็คือการได้โฆษณาเว็บไซต์ของตัวเองให้ผู้คนได้ดู และยังเพิ่มอันดับเว็บไซต์ของตัวเองเพราะได้สร้าง backlinks ให้กับเว็บไซต์อื่น ๆ ผ่านทาง access log

ข้อเสียที่ไม่พึงประสงค์ของ hongfanji.com referral traffic คือ มันสามารถรบกวนการจัดระเบียบและวัดประสิทธิภาพของเว็บคุณโดยใช้ Google Analytics และเว็บไซต์ที่ให้บริการวัดประสิทธิภาพอื่น ๆ และบางครั้งมันยังสามารถทำให้ bandwidth ของเว็บเราเพิ่มขึ้นโดยการส่งคำสั่ง request ซ้ำ ๆ

Hongfanji.com referrer spam จะไม่เป็นอันตรายต่อเว็บทั้งหมดของคุณ มันจะไม่ก่อให้เกิดปัญหาใด ๆ เกี่ยวกับการเข้าถึงและการจัดอันดับเว็บไซต์ของคุณ อย่างไรก็ตาม ในบางเคส hongfanji.com spam อาจจะไปเพิ่มการทำงานของเว็บไซต์พวก bandwidth และ CPU โดยการสร้าง request ซ้ำ ๆ จากหลาย ๆ ที่แล้วยิงมาที่เว็บเรา และในบางเคส spam URL จะทำหน้าที่ในการวิเคราะห์ข้อมูลในเว็บไซต์ของคุณโดยการสร้างข้อมูลจาก traffic bot ซึ่งเป็นข้อมูลผีที่ไม่มีตัวตน

18/8/58

วิธีการติด Google Analytics ใน Blogger

สวัสดีครับ บทความนี้เรามาดูวิธีการติด Google Analytics ใน Blogger กันครับ ซึ่ง Google Analytics เป็นตัวจัดเก็บสถิติ พฤติกรรม และจัดการเว็บไซต์ให้มีประสิทธิภาพดียิ่งขึ้น

วิธีการติด google Analytics

เริ่มแรกให้เราเข้าไปที่ Google Analytics ให้เราเลือกบัญชีที่เราต้องการ จากนั้นเลือก .js ข้อมูลการติดตาม เลือก โค้ดติดตาม จากนั้นให้เราก็อบรหัสติดตาม ดังรูปด้านล่าง

เมื่อก็อบเสร็จแล้วให้เราเอาไปใส่ใน Blogger ในส่วนของ Google Analytics

รหัสพื้นที่เว็บของ Google Analytics
เพิ่ม Google Analytics ในบล็อกของคุณเพื่อดูว่าผู้เข้าชมใช้ไซต์ของคุณอย่างไรบ้าง เพิ่ม รหัสพื้นที่เว็บของ Google Analytics เพื่อเริ่มติดตามบล็อกของคุณ การตั้งค่านี้ใช้เฉพาะมุมมองแบบไดนามิกและเทมเพลตการออกแบบ ถ้าบล็อกของคุณใช้เทมเพลตแบบคลาสสิก คุณจะต้องเพิ่มลงในเทมเพลตปกติของคุณด้วยตนเอง

ตามรูปด้านล่าง

เมื่อวานรหัสติดตามลงใน Blogger แล้วต่อไปก็วางโค้ดติดตามกันบ้าง โดยใน Google Analytics ในส่วนของรหัสติดตามที่เป็นโค้ด javascript ให้ก็อบมาใส่ Blogger ตามรูปด้านลาง

จากนั้นให้ไปในส่วนของ Template แล้วทำการแก้ไข HTML เพื่อนำ Script ที่ก็อบมาไปวาง โดยการวางนั้นให้เราทำการค้นหาแท็กปิดของ body นั้นก็คือ </body> แล้ววางด้านบนของแท็กปิด ดังรูปด้านล่าง

ให้ทำการบันทึก Template แค่นี้เราก็ใช้งานได้แล้วครับ วิธีดูว่าใช้ได้หรือเปล่า ให้ไปที่ เรียลไทม์ ของ Google Analytics แล้วลองดูผลครับ

การเพิ่มลบบัญชีเว็บไซต์ออกจาก google analytics(remove a web site from google analytics)

สวัสดีครับ บทความนี้เรามาแนะนำวิธีการลบไซต์ออกจาก Google Analytics กันครับ ซึ่งเมื่อเราไม่ต้องการที่จะติดตามผลวิเคราะห์ของไซต์โดยใช้ google analytics เราก็สามารถลบไซต์ออกได้

Google Analytics คือ

ตัวสถิติ ตัวจัดการเกี่ยวกับเว็บไซต์ เช่น นับคนเข้าเว็บไซต์ รายงานเกี่ยวกับพฤติกรรมของผู้คนที่เข้ามายังเว็บไซต์ เพื่อให้เราจัดการ ปรับปรุง และแก้ไขเว็บไซต์ให้ดียิ่งขึ้น

วิธีการเพิ่มไซต์ของจาก Google Analytics

สำหรับการเพิ่มนั้นให้เข้าไปที่ส่วนของผู้ดูแลระบบ จากนั้นตรงบัญชีให้เราเลือกที่ สร้างบัญชีใหม่ ตามรูปด้านล่าง

วิธีการลบไซต์ของจาก Google Analytics

สำหรับการลบนั้นก็เข้าไปที่ส่วนของผู้ดูและระบบเช่นเดียวกัน จากนั้นให้เข้าไปที่ การตั้งค่าบัญชี จากเมนูด้านซ้าย แล้วมองไปด้านขวาบนจะเห็นคำว่า ย้ายไปที่ถังขยะ ตามรูปด้านล่าง

เพียงแค่นี้เราก็สามารถเพิ่มลบบัญชีและเว็บไซต์ใน Google Analytics ได้แล้วครับด้วยขั้นตอนง่าย ๆ

16/8/58

เทคนิคการทำ SEO สำหรับ URL ของเว็บไซต์

สวัสดีครับ บทความนี้เรามาดูเทคนิคและวิธีการทำ SEO สำหรับ URL ของเว็บไซต์กันครับ ซึ่งหลาย ๆ คนได้รู้กันแล้วว่า URL ของเว็บไซต์นั้นก็ถือเป็นสิ่งสำคัญอันดับต้น ๆ ที่ Google นำมาจัดอันดับ เพราะชื่อของ URL อาจจะบ่งบอกเนื้อหาของเว็บเพจนั้น ๆ

วิธีการทำ URL ของเว็บไซต์นั้นมีหลาย ๆ แบ หลายคนอาจจะสงสัย และเกิดคำถามขึ้นมาว่าแบบไหนดีกว่ากัน ทำให้ URL ยาว ๆ หรือสั้น ๆ หรือแบบลึก ๆ เข้าไปหลาย ๆ ชั้นหรือจะทำเป็น subdomain ดี แบบไหนดีกว่ากัน บทความนี้เรามาหาคำตอบกันคับ

ส่วนต่าง ๆ ของ URL

ก่อนอื่นเรามาทำความรู้จักส่วนต่าง ๆ ของ URL กันก่อนครับ ซึ่งส่วนต่าง ๆ นั้น แสดงได้ดังรูปด้านล่าง

ส่วนต่าง ๆ ของ URL ก็ได้แสดงดังรูปเราจะเรียกส่วนต่าง ๆ ซึ่งประกอบไปด้วย

1. Protocal

2. Subdomain

3. Root Domain

4. Top-Level Domain

5. Subfoder/Path

6. Page

7. Parameter

8. Named Anchor

เทคนิคและเคล็ดลับในการทำ SEO ให้กับ URL

- ให้ใช้ URL ที่สั้นที่มนุษย์สามารถอ่านและเข้าใจได้

- ถ้าเป็นไปได้ให้ใส่เนื้อหาภายใต้โดเมนเดียวกันเพื่ออำนาจของเว็บไซต์จะได้สูงขึ้น ตัวอย่างแนะนำให้ใช้ http://www.doesystem.info/blog ดีกว่า http://www.blog.doesystem.info/

การทำ SEO เกี่ยวกับ Pagination

สวัสดีครับ บทความนี้เรามาดูวิธีการทำ SEO เกี่ยวกับ Pagination กันครับ ซึ่งหลาย ๆ คนอาจจะเคยเจอ หรือเคยทำแบบว่า มีข้อมูลเยอะมาก แต่ต้องการที่จะแบ่งข้อมูลออกเป็นหน้า ๆ หน้าละเท่ากัน

ตัวอย่างเช่น

มีข้อมูลอยู่ 200 ข้อมูล การจะโชว์ข้อมูลออกมาหมดทีเดียว 200 ข้อมูลนั้นเป็นสิ่งไม่จำเป็น ไม่นิยม และเป็นวิธีการที่ไม่ฉลาดเอาเสียเลย ส่วนมากเค้าจะทำเป็นหน้า ๆ หรือใช้การโหลดแบบใช้ Ajax เอา แต่ในบทนี้เราจะทำการแบ่งออกเป็นหน้า ๆ ตัวอย่างเราแบ่งเป็น 10 ข้อมูลดังนั้นก็จะมีข้อมูลอยูทั้งหมด 20 หน้า หน้าละ 10 ข้อมูล

หน้าแรก จะมีข้อมูล 1-10

หน้าที่สอง จะมีข้อมูล 11-20

หน้าที่สาม จะมีข้อมูล 21-30

...

และวิธีการจะบ่งบอกให้ Search Engine รู้ว่าเราแบ่งข้อมูลออกเป็น paging นั้นให้เรากำหนดโดยใช้

rel="next" เพื่อบอกให้ Search Engine รู้ว่าลิ้งต่อไปเป็นลิ้งที่เป็นหน้าถัดไป

rel="prev" เพื่อบอกให้ Search Engine รู้ว่าลิ้งก่อนหน้าเป็นลิ้งที่เป็นหน้าก่อนหน้า

ตัวอย่างการใช้

การใส่ SEO ให้กับ paging สมมติว่าอยู่หน้า 2

<link rel="prev" href="http://www.doesystem.info/page/1">
<link rel="next" href="http://www.doesystem.info/page/3">

จากตัวอย่างนี้เราต้องใส่ rel="prev" เพื่อเป็นลิ้งไปยังลิ้งก่อนหน้าและใส่ rel="next" เพื่อเป็นลิ้งไปยังหน้าต่อไป

26/7/58

การตั้งค่าโดเมน domain ให้ชี้ไปยัง blogger ใน 1and1

สวัสดีครับ บทความนี้เรามาดูวิธีการตั้งค่า domain ให้ชี้ไปยัง blogger ใน 1and1.com กันครับ ซึ่งเป็นตัวอย่างการตั้งค่าโดเมนของเราให้ใช้โฮสและตัวจัดการของ Blogger เลย เรามาดูวิธีการกันครับ

อันดับแรกเลยก็ให้เราเข้าไปที่ส่วนจัดการ Blogger เลือก Blogger ที่ต้องการ แล้วเข้าไปที่ การตั้งค่า -> พื้นฐาน ในส่วนของการเผยแพร่ให้เราใส่ชื่อเว็บไซต์ที่เราต้องการลงไปครับ ตามตัวอย่างด้านล่าง

เมื่อเรากดบันทึกจะเกิด Error เกิดขึ้นตามรูปด้านล่าง

เรายังไม่สามารถยืนยันสิทธิ์ของคุณในโดเมนนี้ได้ ข้อผิดพลาด 12

ในเว็บไซต์ของผู้รับลงทะเบียนโดเมน ให้มองหาการตั้งค่า Domain Name System (DNS) แล้วป้อน CNAME สองรายการดังต่อไปนี้:

ฟิลด์ ชื่อ, ป้ายกำกับ หรือ โฮสต์	ฟิลด์ ปลายทาง, เป้าหมาย หรือ ชี้ไปที่
www	ghs.google.com
cu2il3za6gua	gv-o74xmlvlqsujxs.dv.googlehosted.com

ดูคำแนะนำโดยละเอียดเกี่ยวกับการระบุ CNAME สำหรับผู้รับลงทะเบียนต่างๆ หรือดูรายละเอียดเพิ่มเติมในคำแนะนำในการตั้งค่าฉบับเต็ม หากพบปัญหาในการป้อน CNAME ที่สองให้กับ dv.googlehosted.com คุณสามารถยืนยันความเป็นเจ้าของโดเมนนี้ได้โดยใช้บันทึกแบบ TXT ผ่าน Google เครื่องมือของผู้ดูแลเว็บแทนได้ที่นี่
หากผู้ให้บริการโดเมนสนับสนุน ให้ดาวน์โหลดไฟล์การตั้งค่า DNS

ป้อนโดเมนที่จะใช้โฮสต์บล็อกของคุณ
คุณจะต้องลงทะเบียนโดเมนให้ถูกต้องก่อน ดูคำแนะนำในการตั้งค่า

ใช้โฮสต์ของไฟล์ที่ขาดหายไปหรือไม่

ถ้าคุณระบุโฮสต์ของไฟล์ที่ขาดหายไป Blogger จะค้นหาในที่นั้น ถ้าไม่พบไฟล์ที่ระบุในโดเมนปกติของคุณ เรียนรู้เพิ่มเติม

เมื่อเจอ Error นี้อย่าปิดทิ้ง ให้เราไปทำการล็อกอินเว็บผู้ให้บริการโดเมนของเรา ซึ่งในที่นี้ที่ผมใช้ก็คือ 1and1

จากนั้นให้ไปในส่วนของการจัดการโดเมน จากนั้นทำการ Edit DNS

ให้มองหาในส่วนของ A/AAAA Records (IP Addresses) The IP address is the address to which your domain points.

ให้เลือก Other IP address แล้วใส่ IP Address ลงไป คือ 216.239.32.21 จากนั้นกด Save

จากนั้นให้เราสร้าง Subdomain สองตัวคือ www กับ cu2il3za6gua

ให้เราไปแก้ไข DNS ของแต่ละ SubDamin โดนเซ็ตในส่วนของ A/AAAA Records (IP Addresses) ให้เลือก CNAME แล้วใส่ค่าข้างหลังตาม Error ตามตัวอย่าง

ใส่ค่าให้ครบทั้ง 2 Subdomain จากนั้นย้อนกลับไปที่ Blogger แล้วกดบันทึกอีกครั้งหนึ่ง แค่นี้ก็เป็นอันเสร็จสิ้นสำหรับการตั้งค่าโดเมนเพื่อให้ชี้มายัง Blogger แล้วครับ ยินดีด้วย

23/7/58

การใส่ syntax highlighting ใน blogger

สวัสดีครับ สำหรับบทความนี้เรามาแนะนำวิธีการใส่ syntax highlighting ใน blogger กันครับ ซึ่งสำหรับคนที่เขียนบล็อกเกี่ยวกับการเขียนโค้ดต่าง ๆ การจะใส่โค้ดลงไปนั้นอาจจะทำให้กลมกลืนกับเนื้อหา มองดูลำบาก ดังนั้น syntax highlighting สามารถช่วยคุณได้ วิธีการก็ตามนี้ครับ

1. ให้ไปที่ส่วนจัดการ Blogger แล้วไปที่ Template

2. ให้กด Edit HTML

3. จะปรากฎ Code ขึ้นมา ให้มองหาแท็กปิด Head ซึ่งก็คือ

</head>

4. ให้ก็อปปี้โค้ดตามล่างนี้ไปใส่เหนือแท็กปิด Head

<!-- Syntax Highlighter Additions START -->
<link href="http://alexgorbatchev.com/pub/sh/current/styles/shCore.css" rel="stylesheet" type="text/css" />
<link href="http://alexgorbatchev.com/pub/sh/current/styles/shThemeEmacs.css" rel="stylesheet" type="text/css" />
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js" type="text/javascript" />
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushAS3.js" type="text/javascript" />
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushBash.js" type="text/javascript" />
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushColdFusion.js" type="text/javascript" />
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCSharp.js" type="text/javascript" />
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCpp.js" type="text/javascript" />
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCss.js" type="text/javascript" />
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushDelphi.js" type="text/javascript" />
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushDiff.js" type="text/javascript" />
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushErlang.js" type="text/javascript" />
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushGroovy.js" type="text/javascript" />
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJScript.js" type="text/javascript" />
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJava.js" type="text/javascript" />
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJavaFX.js" type="text/javascript" />
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPerl.js" type="text/javascript" />
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPhp.js" type="text/javascript" />
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPlain.js" type="text/javascript" />
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPowerShell.js" type="text/javascript" />
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPython.js" type="text/javascript" />
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushRuby.js" type="text/javascript" />
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushScala.js" type="text/javascript" />
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushSql.js" type="text/javascript" />
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushVb.js" type="text/javascript" />
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushXml.js" type="text/javascript" />
<script language="javascript" type="text/javascript">
SyntaxHighlighter.config.bloggerMode = true;
SyntaxHighlighter.all();
</script>
<!-- Syntax Highlighter Additions END Credit www.doesystem.com -->

5. จากนั้นก็ทำการเซฟ Template ได้เลย

6. ให้ทดลองโพสเนื้อหาที่เป็นโค้ด เช่น

<pre class="brush:php;">
<?php
$example = range(0, 9);
foreach ($example as $value)
{
 echo $value;
}
</pre>

เพียงแค่นี้เราก็ได้ syntax highlighting ใน blogger ซึ่งมีสีสันสวยงาม ทำให้น่าดูและเข้าใจง่าย เหมาะสำหรับ blogger ที่มีเนื้อหาเกี่ยวกับ Code