Tip.maxlayout.com

Flash: ใส่ลิงก์ให้ Movie Clip

noreply@blogger.com (Max) — Mon, 06 Sep 2010 09:34:22 PDT

วิธีใส่ลิงก์ใน Movie Clip ของแฟลช (Creating URL links for Flash Movie Clip) เพื่อให้เวลาที่ถูกคลิกแล้วจะเปิดหน้าเว็บที่ต้องการขึ้นมา โดยใช้ Flash ActionScript 3 แบบเดียวกับตัวอย่างข้างล่างสามารถทำได้ดังนี้

ขั้นตอนที่ 1. สร้างไฟล์ Flash ActionScript 3 จากนั้นเอา Movie Clip ที่ทำไว้วางลงไปบนหน้าจอ

ขั้นตอนที่ 2. เลือกที่ Movie Clip บนหน้าจอ จะพบว่ามีเมนู Properties ปรากฏขึ้นมา โดยใส่ชื่อในช่อง Instance name ว่า myMc

ขั้นตอนที่ 3. สร้างเลเยอร์ใหม่เพิ่มขึ้นอีกหนึ่งอันไว้ด้านบนเหนือเลเยอร์ที่มี Movie Clip อยู่ แล้วให้เลือกทำงานในเลเยอร์อันใหม่ที่อยู่ด้านบนนี้ โดยกด F9 เพื่อเปิดหน้าต่าง Action แล้วใส่โค้ดว่า

var url:String = "http://www.shopinbottle.com";
var request:URLRequest = new URLRequest(url);

myMc.addEventListener(MouseEvent.CLICK, onClick);

function onClick(e:MouseEvent):void
{
   navigateToURL(request, "_blank");
}

myMc.addEventListener(MouseEvent.ROLL_OVER,myMcOver);

function myMcOver (e:MouseEvent):void {
   myMc.buttonMode = true;
   myMc.useHandCursor = true;
}

ขั้นตอนที่ 4. จากนั้นก็กด F12 สั่งให้ส่งออกเป็นไฟล์ .swf ก็เสร็จแล้ว
โดยไฟล์ที่ได้จากตัวอย่างมันจะลิงก์ถูกไปที่เว็บของ Shopinbottle.com แต่เวลาที่จะเอาโค้ดนี้ไปใช้ก็อย่าลืมเปลี่ยน URL จาก http://www.shopinbottle.com ที่อยู่ในโค้ดบรรทัดที่ 1 ให้กลายเป็น URL ของเว็บอันใหม่ตามที่คุณต้องการ

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

นอกจากนี้หากไม่ต้องการให้เคอเซอร์เมาส์เปลี่ยนเป็นรูปมือเวลาอยู่เหนือ Movie Clip ก็ให้ลบโค้ด 6 บรรทัดสุดท้ายทิ้งไป ซึ่งก็คือ

myMc.addEventListener(MouseEvent.ROLL_OVER,myMcOver);

function myMcOver (e:MouseEvent):void {
   myMc.buttonMode = true;
   myMc.useHandCursor = true;
}

Credit: http://www.actionscript.org/forums/showthread.php3?t=191349
Credit: http://codingrecipes.com/cursor-hand-when-mouse-over-images-actionscript-3-flash

Flash: แสดงไฟล์แฟลชบนบล็อก

noreply@blogger.com (Max) — Tue, 07 Sep 2010 05:26:07 PDT

การใส่ไฟล์ Flash ลงในบล็อก (Embed Flash SWF file into Blogger) เหมือนกับตัวอย่างข้างบนนี้ทำได้โดยใส่โค้ดลงในช่อง HTML ของ Widget หรือบทความก็ได้ โดยโค้ดที่ใช้ในตัวอย่างนี้ก็คือ

<embed src="http://sites.google.com/a/maxlayout.com/upload/flash/shopinbottle_banner.swf" quality="high" allowscriptaccess="always" type="application/x-shockwave-flash" pluginspage="http://get.adobe.com/flashplayer/" align="middle" width="400" height="200"></embed>

ถ้าต้องการให้ลิงก์ไปยังไฟล์ Flash อันอื่นก็ให้แทนที่ URL ในโค้ดจาก
http://sites.google.com/a/maxlayout.com/upload/flash/shopinbottle_banner.swf
ให้กลายเป็น URL ของไฟล์ Flash อันใหม่ได้ตามต้องการ

นอกจากนี้อย่าลืมเปลี่ยนขนาดในการแสดงผลของโค้ดให้ตรงกับไฟล์ Flash อันใหม่ที่จะใช้แทน
ซึ่งขนาดในตัวอย่างนี้ดูได้จากบริเวณส่วนท้ายของโค้ดคือ
width="400" height="200"
โดยให้แทนค่าความกว้าง 400 และสูง 200 ด้วยขนาดของไฟล์ Flash อันใหม่ตามลำดับ

Credit: http://www.aleosoft.com/flashtutorial_blogger.html

Safari: เปลี่ยนการเข้ารหัสภาษาในหน้าเว็บ

noreply@blogger.com (Max) — Sun, 08 Aug 2010 20:29:01 PDT

เวลาที่ใช้โปรแกรม Safari เข้าเว็บบางแห่งแล้วพบว่าตัวอักษรที่แสดงอยู่ในหน้านั้นไม่สามารถอ่านได้ เนื่องจากกลายเป็นภาษาต่างดาว จะสามารถแก้ไขได้โดยใช้วิธีเปลี่ยนการเข้ารหัสภาษาในหน้าเว็บ (Change Text Encoding) โดยให้เข้าไปที่
display a menu for the current page > Text Encoding
แล้วเลือกภาษาที่เข้ารหัสใหม่ให้ตรงกับเว็บหน้านั้นเหมือนกับภาพด้านล่างนี้

Blogger: ขีดเส้นใต้แบ่งเนื้อหาบทความ

noreply@blogger.com (Max) — Mon, 19 Jul 2010 18:44:32 PDT

ในการจัดวางเนื้อหาบทความจะสามารถใช้วิธีขีดเส้นใต้ (Horizontal Line) เพื่อช่วยในการจัดแบ่งข้อความออกเป็นส่วนๆ ได้โดยนำ <hr /> ไปวางไว้ในช่อง 'แก้ไข HTML' ของเนื้อหาบทความ ซึ่งจะให้ผลเหมือนดังตัวอย่างด้านล่างนี้

ตัวอย่างเส้น Horizontal Line ที่สร้างขึ้นจาก <hr />

เปลี่ยนโลโก้ในผลการค้นหาของ Google Custom Search

noreply@blogger.com (Max) — Sun, 25 Jul 2010 23:58:48 PDT

ถ้าใช้้ Google Custom Search ที่เลือกให้แสดงผลแบบ 'หน้าเว็บที่โฮสต์โดย Google' จะสามารถเปลี่ยนภาพโลโก้ (Logo) ซึ่งแสดงในหน้าผลการค้นหาได้เหมือนกับภาพตัวอย่างด้านบน โดยมีวิธีการเปลี่ยนโลโก้ดังนี้

ขั้นตอนที่ 1. เริ่มแรกให้ไปที่ http://www.google.com/cse/ แล้วกดที่ 'จัดการเครื่องมือค้นหาที่มีอยู่ของคุณ' หรือจะเลือกเข้าไปที่ http://www.google.com/cse/manage/all โดยตรงเลยก็ได้เหมือนกัน

ขั้นตอนที่ 2. จะมีรายชื่อเครื่องมือค้นหาที่เราทำขึ้นแสดงอยู่ โดยให้เลือกที่ 'แผงควบคุม' ที่อยู่ข้างๆ ชื่อเครื่องมืออันนั้น

ขั้นตอนที่ 3. เลือก 'รูปลักษณ์และความรู้สึก' ในเมนูด้านซ้ายมือ

ขั้นตอนที่ 4. ในเมนู 'ตัวเลือกการโฮสต์' ต้องตั้งค่าเป็น 'หน้าเว็บที่โฮสต์โดย Google'

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

ขั้นตอนที่ 6. กดที่ปุ่ม 'กำหนดค่า' ที่อยู่ใต้ไอคอนรูปแบบที่เลือกเอาไว้

ขั้นตอนที่ 7. ตอนนี้จะพบว่าไอคอนรูปแบบที่เลือกไว้ก็จะกลายเป็น 'สไตล์ของฉัน' จากนั้นให้กดที่ตัวเลือก 'โลโก้' ในแถบด้านล่างแล้วจะมีเมนูให้ปรับแต่งโลโก้ปรากฎออกมา

ขั้นตอนที่ 8. เลือกขนาดโลโก้

ขั้นตอนที่ 9. 'URL ของโลโก้' หมายถึง ที่ตั้งของภาพโลโก้ที่เราอัพโหลดไว้

ลิงก์โลโก้ 10. 'ลิงก์โลโก้' หมายถึง เมื่อมีการกดลงบนภาพโลโก้แล้วจะให้นำไปสู่หน้าเว็บหน้าใด

ขั้นตอนที่ 11. ถ้าตั้งค่าโลโก้เสร็จแล้วก็ให้กดที่ปุ่ม 'บันทึก'
โดยถ้าหากคุณเป็นผู้ใช้้ Google Custom Search ที่เลือกให้แสดงผลแบบ 'หน้าเว็บที่โฮสต์โดย Google' อยู่แล้วก็จบที่ขั้นตอนนี้และสามารถเข้าไปดูผลได้เลย แต่ถ้าหากคุณใช้ Google Custom Search ในรูปแบบอื่นอยู่ก็ต้องรับโค้ดใหม่โดยทำตามขั้นตอนต่อไป

ขั้นตอนที่ 12. เลือกที่ 'รับโค้ด' ทางซ้ายมือ หลังจากนั้นก็ให้สั่งคัดลอกโค้ดภายในกรอบสี่เหลี่ยม ไปวางใส่ลงเว็บไซต์หรือบล็อกของเราก็จะมีช่องค้นหาปรากฎออกมา ซึ่งถ้าลองสั่งค้นหาข้อมูลดูก็จะพบว่าโลโก้ของผลการค้นหาจะถูกเปลี่ยนกลายเป็นภาพที่เราใส่ลงไป

อธิบายเพิ่มเติม
ในครั้งหน้าถ้าต้องการเปลี่ยนภาพสัญลักษณ์ หรือแก้ไขปรับค่าต่างๆ ของเมนูโลโก้ในขั้นตอนที่ 8-10 เมื่อกดที่ปุ่ม 'บันทึก' ตามขั้นตอนที่ 11 แล้วก็จะส่งผลให้โลโก้ที่เรากำลังใช้อยู่มีการเปลี่ยนแปลงไปโดยอัตโนมัติ โดยที่เราไม่จำเป็นต้องไปรับโค้ดในขั้นตอนที่ 12 อีก

Blogger: สมัครใช้และติดตั้ง Google Custom Search

noreply@blogger.com (Max) — Sun, 25 Jul 2010 20:54:13 PDT

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

ซึ่งบทความนี้จะจำแนกการอธิบายโดยแบ่งออกเป็น 3 ส่วนคือ

ขั้นตอนที่ 1-10 > วิธีสร้างเครื่องมือค้นหาด้วย Google Custom Search
ขั้นตอนที่ 11-14 > วิธีเปลี่ยนรูปลักษณ์และความรู้สึกของ Google Custom Search
ขั้นตอนที่ 15-18 > ตัวอย่างการติดตั้ง Google Custom Search ใส่ลงในบล็อกของ Blogger

วิธีสร้างเครื่องมือค้นหาข้อมูลด้วย Google Custom Search

ขั้นตอนที่ 1. เริ่มแรกให้ไปที่ http://www.google.com/cse/ แล้วกดปุ่ม 'สร้่าง Google Custom Search' แล้วก็ใส่ข้อมูลของเครื่องมือค้นหาที่ต้องการลงไปตามขั้นตอนด้านล่าง โดยข้อมูลที่ใส่ลงไปนี้ส่วนใหญ่จะสามารถแก้ไขได้ในภายหลังเมื่อเข้าไปเลือกที่ 'แผงควบคุม'

ขั้นตอนที่ 2. ตั้งชื่อให้เครื่องมือค้นหา

ขั้นตอนที่ 3. ช่องสำหรับคำอธิบายของเครื่องมือค้นหา (จะไม่ใส่ก็ได้)

ขั้นตอนที่ 4. ใส่ URL เว็บไซต์ที่จะให้ถูกรวมอยู่ในผลการค้นหาของเครื่องมือนี้
โดยตามภาพนี้ผมต้องการสร้างให้เป็นเครื่องมือสำหรับค้นหาข้อมูลที่ครอบคลุมทั้งโดเมนจึงใส่ค่าลงไปเป็น maxlayout.com ดังรูป แต่ถ้าหากต้องการทำแบบอื่นก็ลองอ่านวิธีใส่ได้โดยกดที่ 'เคล็ดลับการจัดรูปแบบ URL.'

อธิบายเพิ่มเติม
นอกจากนี้สามารถอ่านรายละเอียดเกี่ยวกับรูปแบบ URL ของ google custom search ได้ที่
http://www.google.com/support/customsearch/bin/answer.py?hl=th&answer=71826

ขั้นตอนที่ 5. เลือก 'ยอมรับข้อกำหนดในการให้บริการ'

ขั้นตอนที่ 6. กดที่ 'ถัดไป'

ขั้นตอนที่ 7. กดที่ 'เสร็จสิ้น'

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

ขั้นตอนที่ 9. จะเข้าสู่หน้า 'ข้อมูลเบื้องต้น' โดยจะพบว่ามีข้อมูลต่างๆ ของที่ใส่ลงไปแสดงไว้อยู่ ซึ่งเราสามารถเปลี่ยนแปลงใหม่ได้ตามต้องการ

ขั้นตอนที่ 10. ถ้าหากลองกดปุ่ม 'รับโค้ด' ที่เมนูทางซ้ายมือ จะพบโค้ดของเครื่องมือค้นหาอันนี้แสดงอยู่

ซึ่งในตอนนี้ถ้านำโค้ดไปใช้เลยก็จะได้เครื่องมือค้นหาเป็นแบบ 'Search Element' ที่ผลการค้นหาจะปรากฎออกมาในหน้าบล็อกหน้านั้นเลยตามแบบภาพข้างล่างนี้

ภาพตัวอย่างผลการค้นหาแบบ 'Search Element'

แต่อาจมีบางคนที่ชอบเครื่องมือค้นหาแบบ 'หน้าเว็บที่โฮสต์โดย Google' ซึ่งจะแสดงผลการค้นหาเหมือนในภาพข้างล่างนี้มากกว่า โดยเราสามารถเปลี่ยนวิธีแสดงผลการค้นหาได้ตามวิธีในขั้นตอนต่อจากนี้ (ส่วนคนที่ชอบแบบแสดงผลในหน้านั้นเลยก็ให้ข้ามขั้นตอนที่ 11-14 ไป)

ภาพตัวอย่างผลการค้นหาแบบ 'หน้าเว็บที่โฮสต์โดย Google'

วิธีเปลี่ยนรูปลักษณ์และความรู้สึกของ Google Custom Search

ขั้นตอนที่ 11. เลือก 'รูปลักษณ์และความรู้สึก' ในเมนูข้่างซ้ายมือ

ขั้นตอนที่ 12. เปลี่ยนตัวเลือกการโฮสต์จาก 'Search Element' ให้กลายเป็น 'หน้าเว็บที่โฮสต์โดย Google'

ขั้นตอนที่ 13. จากนั้นกดที่ปุ่ม 'บันทึก'

ขั้นตอนที่ 14. หลังจากนั้นก็ให้กดเลือกที่ 'รับโค้ด' ทางซ้ายมืออีกครั้งจะพบว่าโค้ดในกรอบสี่เหลี่ยมจะเปลี่ยนไป โดยถ้าสั่งคัดลอกโค้ดในกรอบนี้ไปวางใส่ลงเว็บไซต์หรือบล็อกของเราก็จะมีช่องค้นหาปรากฎออกมา

ตัวอย่างการติดตั้ง Google Custom Search ใส่ลงในบล็อกของ Blogger

ขั้นตอนที่ 15. การเอาโค้ดที่ได้มาไปใส่ลงบล็อกเริ่มโดยให้คัดลอกโค้ดในขั้นตอนที่ 14 มาจากนั้นเข้าไปที่เมนูของบล็อกแล้วเลือกที่
การออกแบบ > องค์ประกอบของหน้า > เพิ่ม Gadget > HTML/จาวาสคริปต์

อธิบายเพิ่มเติม
อาจสงสัยว่าในเมื่อ Blogspot มันมีตัวเลือก 'Gadget ช่องค้นหา' เหมือนในรูปข้างล่างนี้ไว้ให้ใช้อยู่แล้ว แต่ทำไมต้องไปเอาโค้ดสร้าง Google Custom Search มาใส่อีก

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

ขั้นตอนที่ 16. วางโค้ดที่คัดลอกมาลงใส่ในช่องที่ปรากฎ

ขั้นตอนที่ 17. ตั้งชื่อ 'หัวข้อ' ของ Gadget นี้ (จะไม่ใส่ก็ได้)

ขั้นตอนที่ 18. กดที่ 'บันทึก' ก็เสร็จแล้ว หลังจากนั้นถ้าลองเข้าไปที่หน้าแรกของบล็อกก็จะเห็นเครื่องมือค้นหาแสดงไว้อยู่ โดยถ้าลองค้นหาดูก็จะได้ผลแบบภาพด้านล่างนี้

อธิบายเพิ่มเติม
ถ้ารู้สึกว่าขนาดช่องค้นหาที่แสดงอยู่ในบล็อกมันสั้นหรือยาวมากไป ก็สามารถปรับขนาดได้ง่ายๆ ด้วยการแก้ไขตัวเลขโค้ดจากขั้นตอนที่ 16 ในบรรทัดที่ 6 ซึ่งได้เขียนเอาไว้ว่า
<input type="text" name="q" size="31" />
โดยถ้าอยากให้ช่องสำหรับใส่คำค้นหามันสั้นลงก็ลดเลขให้น้อยกว่า 31 แต่ถ้าอยากให้ยาวขึ้นก็เพิ่มเลขให้มากกว่า 31 ดังที่แสดงในตัวอย่างตามภาพด้านล่างนี้

เลือกดาวน์โหลดฟรีแวร์เวอชั่นใหม่ได้ที่ Filehippo.com

noreply@blogger.com (Max) — Sat, 17 Jul 2010 10:34:21 PDT

เวลาที่จะโหลดโปรแกรมฟรีแวร์ (Freeware) มาใช้หลายๆ ตัว หรือต้องการเช็คว่าตอนนี้มันอัพเดทไปถึงเวอชั่นไหนแล้ว ถ้าจะต้องเข้าไปดาวน์โหลดจากเว็บของผู้พัฒนาทีละแห่งก็คงเสียเวลามาก แต่หากลองเข้าไปที่ http://www.filehippo.com/ จะพบว่ามีโปรแกรมฟรีแวร์จัดแสดงเป็นรายการตามแต่ละประเภท ไว้ให้เราเลือกดาวน์โหลดอยู่มากมายโดยจะมีการอัพเดทให้เป็นเวอชั่นใหม่อยู่เสมอ ซึ่งสามารถเข้าใช้บริการได้ทันทีและโหลดฟรีไม่ต้องเสียค่าใช้จ่าย

ตัวอย่างการดาวน์โหลด
ขั้นตอนที่ 1. กดเลือกชื่อโปรแกรมที่ต้องการ (แต่ถ้าไม่เจอก็ลองค้นหาในช่อง Search ที่ด้านบน)

ขั้นตอนที่ 2. กดที่ปุ่ม Download ที่อยู่ทางขวามือด้านบน เพื่อสั่งโหลดไฟล์นั้นลงในเครื่องเราก็เสร็จแล้ว

เพิ่มเติม
นอกจากนี้จะเห็นว่าทางด้านขวามือใต้ปุ่ม Download จะมีโปรแกรมตัวที่เรากำลังดูอยู่นั้นในเวอชั่นเก่าๆ จัดเรียงไว้ให้เลือกดาวน์โหลดอยู่ด้วย

Photoshop: อักษรลำแสง (Beam Text)

noreply@blogger.com (Max) — Fri, 02 Jul 2010 04:21:18 PDT

ขั้นตอนที่ 1. สร้างไฟล์ Photoshop ขนาดเท่าไรก็ได้ ซึ่งตัวอย่างนี้ใช้พื้นที่ขนาด 300x300 แล้วเทพื้นหลังให้เป็นสีดำ

ขั้นตอนที่ 2. พิมพ์ตัวอักษรสีขาวลงไป โดยในตัวอย่างใช้อักษร Georgia ในแบบ Italic ขนาด 60pt

ขั้นตอนที่ 3. สร้างเลเยอร์เพิ่มขึ้นใหม่วางไว้ที่ด้านบนสุดจำนวน 6 เลเยอร์ โดยให้ตั้งชื่อว่า Layer 1,2,3,...,6 ตามลำดับดังรูป

ขั้นตอนที่ 4. ไปที่ Layer 1 แล้วให้กด Load Selection ของเลเยอร์ตัวอักษร (กดปุ่ม <Ctrl> พร้อมเลือกที่เลเยอร์ตัวอักษร) จากนั้นให้เทสี #ff0000 (R=255 G=0 B=0) ลงไป ก็จะได้ตัวอักษรสีแดงดังรูป

ขั้นตอนที่ 5. เลือกอีก 5 เลเยอร์ที่ได้ถูกสร้างไว้จากนั้นให้เทสีด้วยวิธี Load Selection แบบเดียวกับขั้นตอนที่ 4 แต่จะแตกต่างกันก็ตรงสีที่ใส่ลงใน Selection ของแต่ละเลเยอร์ดังนี้
Layer 1: #ff0000 (R=255 G=0 B=0) สีแดง
Layer 2: #f26522 (R=242 G=101 B=34) สีส้มเข้ม
Layer 3: #f7941d (R=247 G=148 B=29) สีส้ม
Layer 4: #ffc87d (R=255 G=200 B=125) สีส้มอ่อน
Layer 5: #ffff00 (R=255 G=255 B=0) สีเหลือง
Layer 6: #ffffff (R=255 G=255 B=255) สีขาว

โดยหลังจากที่ใส่สีลงในแต่ละเลเยอร์เสร็จแล้ว ก็ให้กด <Ctrl+D> เพื่อสั่ง Deselect

ขั้นตอนที่ 6. ให้ใส่ Filter ในแต่ละเลเยอร์ดังนี้
ไปที่ Layer 1: เลือก Filter > Blur > Motion Blur... โดยตั้งค่า Angle: 0 ,Distance: 999

ไปที่ Layer 2: เลือก Filter > Blur > Motion Blur... โดยตั้งค่า Angle: 0 ,Distance: 400
ไปที่ Layer 3: เลือก Filter > Blur > Motion Blur... โดยตั้งค่า Angle: 0 ,Distance: 250
ไปที่ Layer 4: เลือก Filter > Blur > Gaussian Blur... โดยตั้งค่า Radius: 8
ไปที่ Layer 5: เลือก Filter > Blur > Gaussian Blur... โดยตั้งค่า Radius: 14
ไปที่ Layer 6: เลือก Filter > Blur > Gaussian Blur... โดยตั้งค่า Radius: 5

ขั้นตอนที่ 7. ย้ายตำแหน่งเลเยอร์ตัวอักษรขึ้นไปไว้ด้านบนสุด

ขั้นตอนที่ 8. ไปที่เลเยอร์ตัวอักษรซึ่งอยู่ด้านบนสุดจากนั้นให้เลือก Layer > New Adjustment Layer > Hue/Saturation แล้วกดปุ่ม OK

ขั้นตอนที่ 9. จะพบว่ามีเมนูปรากฎออกมาให้เลือกปรับสีได้ตามต้องการโดยในตัวอย่างนี้ได้เปลี่ยนให้ค่า Hue: -100 จากนั้นก็กดปุ่ม OK ก็เสร็จแล้ว

ขั้นตอนที่ 10. โดยถ้าต้องการเปลี่ยนสีของลำแสงก็ทำได้ง่ายๆ ด้วยการไปกดดับเบิ้ลคลิกที่ Layer Thumbnail ของ Adjustment Layer ที่ถูกสร้างขึ้นในขั้นตอนที่ 8 ก็จะพบว่ามีเมนู Hue/Saturation โผล่มาให้แก้ไขอีกครั้ง ซึ่งถ้าหากลองปรับค่า Hue ให้เปลี่ยนแปลงไปก็จะได้ลำแสงที่มีสีแตกต่างกันดังภาพด้านล่าง ซึ่งภาพในตัวอย่างเกิดจากการตั้งค่า Hue ดังนี้
สีน้ำเงิน > Hue: +180
สีเขียว > Hue: +70
สีม่วง > Hue: -100
สีแดง > Hue: -45

RSS Feed คืออะไร

noreply@blogger.com (Max) — Mon, 09 Aug 2010 03:56:27 PDT

อาร์เอสเอส (RSS = Really Simple Syndication) คือ ข้อมูลที่อยู่ในรูปแบบเอ็กเอ็มแอล (XML) ที่กำหนดขึ้นมา สำหรับกระจายข้อมูลออกไปสู่เว็บไซต์ (Website Syndication) หรือเว็บบล็อก (Web Blog) เพื่อให้ผู้ที่สนใจสามารถใช้ติดตามข่าวสารใหม่ๆได้ในทันที
ตัวย่อต่าง ๆ ที่ใช้อ้างถึงมาตรฐานนี้

Rich Site Summary (RSS 0.91)
RDF Site Summary (RSS 0.9 และ 1.0)
Really Simple Syndication (RSS 2.0)

RSS หรือ Really Simple Syndication เป็นบริการใหม่บนเว็บไซต์ภาษา XML ใช้สำหรับดึงข้อมูลหรือข่าวจากเว็บต่างๆ มาแสดงบนหน้าเว็บเพจ โดยนำมาเฉพาะหัวข้อข่าว เมื่อผู้ใช้คลิกลิงค์ก็จะแสดงรายละเอียดข่าวในเว็บต้นฉบับนั้นๆ โดยที่หัวข้อข่าวจะอัปเดทตามเว็บต้นทางโดยถ้าข้อมูลที่เว็บต้นแบบถูกแก้ไขจะทำให้ข่าวที่เว็บของเรามีการแก้ไขตามไปด้วย ซึ่งการดึงหัวข้อข่าวไปแสดงนั้นจะมีส่วนประกอบทั้งหมดสามส่วนคือส่วนผู้ให้บริการดึงข่าว และส่วนผู้สร้างเว็บไซต์ใช้ทั่วไปที่ต้องการดึงข่าวไปแสดง และส่วนผู้ใช้ทั่วไป

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

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

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

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

Blogger: ส่งออกและนำเข้าบทความระหว่างบล็อก

noreply@blogger.com (Max) — Sun, 11 Jul 2010 06:57:35 PDT

การส่งออกบทความ Blogger จะเป็นการคัดลอกสำเนาบทความทั้งหมดรวมถึงความคิดเห็นที่มีอยู่ในบล็อกอันเก่า ไปใส่ลงบล็อกใหม่ ซึ่งบทความที่ถูกส่งออกไปก็จะยังอยู่ในบล็อกเก่าต่อไปเหมือนเดิมจนกว่าคุณจะสั่งลบมันทิ้ง ซึ่งเหมาะมากสำหรับเวลาที่ต้องการย้ายบล็อก โดยมีขั้นตอนดังนี้ (ขั้นตอนที่ 1-3 จะเป็นการส่งออก ส่วนขั้นตอน 4-8 จะเป็นการนำเข้า)

ขั้นตอนที่ 1. ในบล็อกอันเก่า (Old Blog) ให้เลือกที่ การตั้งค่า > ขั้นต้น

ขั้นตอนที่ 2. ในหัวข้อ "เครื่องมือเขียนบล็อก" ให้เลือกที่ "ส่งออกบล็อก"

ขั้นตอนที่ 3. เลือก "ดาวน์โหลดบล็อก" ก็จะทำให้บทความในบล็อกเก่านี้ถูกส่งออกมาเป็นไฟล์ชนิด XML Document โดยให้ "Save" ไฟล์นี้ลงไปในเครื่องของเรา

ขั้นตอนที่ 4. ไปที่บล็อกใหม่ (New Blog) แล้วเลือก การตั้งค่า > ขั้นต้น โดยในครั้งนี้ให้เลือกที่ "นำเข้าบล็อก"

ขั้นตอนที่ 5. กดที่ "เลือกไฟล์" โดยให้ไปเลือกไฟล์ XML Document ที่ถูกเก็บไว้ในเครื่องแล้วกดที่ "open"

ขั้นตอนที่ 6. พิมพ์อักขระที่คุณเห็นในภาพด้านล่าง

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

ขั้นตอนที่ 8. กดที่ "นำเข้าบล็อก" ก็เสร็จแล้ว

อธิบายเพิ่มเติม
ในขั้นตอนที่ 7 ถ้าหากว่าไม่เลือกที่ "เผยแพร่บทความที่นำเข้าทั้งหมดโดยอัตโนมัติ" จะทำให้บทความที่นำเข้ามานั้นถูกส่งไปอยู่ที่ การส่งบทความ > แก้ไขบทความ > นำเข้าแล้ว ดังภาพด้านล่างครับ

Internet Explorer: กำหนดหน้าเว็บที่ถูกเปิดขึ้นมาเป็นหน้าแรก

noreply@blogger.com (Max) — Wed, 08 Sep 2010 20:47:30 PDT

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

ขั้นตอนที่ 1. เริ่มโดยเปิดโปรแกรม Internet Explorer ตามภาพข้างล่างนี้แล้วเลือกที่
Tools > Internet Options > General

ขั้นตอนที่ 2. ตั้งค่าในช่อง Home Page ตามต้องการ ซึ่งโดยทั่วไปแล้วจะมีวิธีใส่ค่าลงไปดังนี้

พิมพ์ URL ของเว็บที่ต้องการใส่ลงไปในกรอบสี่เหลี่ยมขนาดใหญ่นั้นโดยตรง
กดปุ่ม "Use Current" จะเป็นการใส่ URL ของหน้าเว็บเรากำลังเปิดอยู่ขณะนี้
กดปุ่ม "Use Default" จะกลายเป็น URL ของค่าเบื้องต้นซึ่งเป็นเว็บของ Microsoft
กดปุ่ม "Use Blank" เป็นการใส่ URL ของหน้าว่างเปล่าลงไป คือไม่เปิดหน้าใดๆ ทั้งสิ้น

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

ขั้นตอนที่ 3. กดที่ปุ่ม "Apply" ก็เสร็จแล้ว

Window XP: เรียกคืนไอคอน Show Desktop

noreply@blogger.com (Max) — Mon, 10 May 2010 06:29:37 PDT

วิธีเรียกคืนไอคอนแสดงเดสก์ทอป (Show Desktop) ในเมนู Quick Launch ของ Window XP ที่จะขออธิบายนี้มีอยู่ 3 แบบคือ

วิธีแบบที่ 1: เรียกคืนด้วย Notepad
กดปุ่ม Start (อยู่มุมล่างซ้าย) > All Programs > Accessories > Notepad
แล้วให้คัดลอกโค้ดที่เห็นอยู่ข้างล่างนี้ไปวางใส่ลงใน Notepad
[Shell]
Command=2
IconFile=explorer.exe,3
[Taskbar]
Command=ToggleDesktop

จากนั้นเลือกที่ File > Save As... แล้วตั้งชื่อไฟล์นี้ว่า "Show Desktop.scf" โดยให้บันทึกไฟล์นี้ไว้บนหน้าจอเดสก์ทอป (Desktop)

ตอนนี้บนหน้าจอจะพบว่ามีไอคอน Show Desktop ปรากฎออกมา หลังจากนี้ก็ให้ลากลงไปวางบนแถบ Quick Launch ก็เสร็จแล้ว

วิธีแบบที่ 2: เรียกคืนด้วย Run
กดปุ่ม Start (อยู่มุมล่างซ้าย) > Run
คัดลอกข้อความด้านล่างนี้แล้ววางลงในช่องที่ปรากฎออกมา
regsvr32 /n /i:U shell32.dll

เสร็จแล้วกดปุ่ม OK จากนั้นรอสักครู่ก็จะมีหน้าต่าง RegSvr32 โผล่ออกมาก็ให้กด OK อีกครั้ง

แล้วสั่ง Restart เครื่องคอมพิวเตอร์ก็จะพบว่ามีไอคอน Show Desktop ไปปรากฎอยู่ในแถบ Quick Launch เรียบร้อยแล้ว

วิธีแบบที่ 3: เรียกคืนด้วยการ Copy
ให้ไปขอคัดลอกไอคอน Show Desktop มาจากเครื่องอื่นครับ โดยคลิกขวาบนไอคอนตัวนี้ที่อยู่บนแถบด้านล่างในเครื่องอื่น แล้วเลือก Copy จากนั้นก็เอาไปวางใส่ในเครื่องของเรา แล้วก็ลากมันโยนลงไปในแถบ Quick Launch ก็เสร็จแล้ว

เพิ่มเติม
ในเวลาที่ไม่มีไอคอน Show Desktop ให้ใช้งาน เราอาจใช้วิธีกดปุ่มที่เป็นสัญลักษณ์รูป Windows บนคีย์บอร์ดพร้อมกับปุ่มตัวอักษร D เพื่อสลับระหว่างการให้การสั่งแสดงกับไม่แสดงหน้าจอ Desktop แทนได้ด้วย

Window XP: ปรับแต่งเอฟเฟคการแสดงผล (Visual Effects)

noreply@blogger.com (Max) — Sat, 08 May 2010 08:36:59 PDT

วิธีปรับเปลี่ยนการแสดงผลของวินโดว์ (Visual Effects) ทำได้ดังนี้

ขั้นตอนที่ 1. คลิกขวาที่ My Computer แล้วเลือก Properties

ขั้นตอนที่ 2. เลือกที่แท็บ Advanced ในกรอบ Performance ให้คลิกปุ่ม Setting

ขั้นตอนที่ 3. จะพบเมนู Visual Effects ของวินโดว์แสดงไว้อยู่ด้านล่าง โดยสามารถเลือกที่เครื่องหมายแต่ละอันเพื่อเปิดหรือปิดเฉพาะเอฟเฟคที่ต้องการได้
โดยในตัวอย่างนี้ผมเลือกปิดการแสดงผลของ "Use drop shadows for icon labels on the desktop" เพื่อให้เงาของป้ายชื่อไอคอนบนเดสก์ท็อปหายไป

ขั้นตอนที่ 4. สามารถกดปุ่ม Apply เพื่อดูผลการเปลี่ยนแปลง และถ้าจัดการเสร็จเรียบร้อยแล้วก็กดที่ปุ่ม OK
ลองดูตัวอย่างได้จากภาพด้านล่างนี้โดยข้างซ้ายคือแบบให้แสดงเงา ส่วนทางขวาคือสั่งให้ไม่มีเงา

Photoshop: อักษรนูนด้วยการขยับเลเยอร์ (Pixel Bevel Text)

noreply@blogger.com (Max) — Sun, 27 Jun 2010 05:59:38 PDT

ขั้นตอนที่ 1. สร้างไฟล์ Photoshop ขึ้นมาขนาดเท่าไรก็ได้ โดยในตัวอย่างนี้ใช้ขนาด 200x200 เทพื้นหลังเป็นสีเทา (4a4a4a) แล้วพิมพ์ตัวอักษรลงไป

ขั้นตอนที่ 2. คัดลอกเลเยอร์ตัวอักษรที่ทำไว้เพิ่มอีก 2 เลเยอร์ จากนั้นใส่สีของตัวอักษรในแต่ละเลเยอร์ดังนี้

เลเยอร์ตัวอักษรด้านบนสุด : สีเทาปานกลาง (828282)
เลเยอร์ตัวอักษรตรงกลาง : สีเทาอ่อน (bababa)
เลเยอร์ตัวอักษรด้านหลัง : สีเทาเข้ม (222222)

ขั้นตอนที่ 3. ขยับตำแหน่งเลเยอร์ตัวอักษรดังนี้

เลเยอร์ตัวอักษรด้านบนสุด : ปล่อยไว้เฉยๆ ไม่ต้องขยับย้ายตำแหน่ง
เลเยอร์ตัวอักษรตรงกลาง : ขยับเลื่อนไปทางด้านซ้ายและด้านบนเล็กน้อย
เลเยอร์ตัวอักษรด้านหลัง : ขยับเลื่อนไปทางด้านขวาและด้านล่างเล็กน้อย

ขั้นตอนที่ 4. ลองดูผลที่ได้

Credit: http://www.voidix.com/pixeltext.html

Window XP: ตั้งค่าเมนู Automatic Updates

noreply@blogger.com (Max) — Fri, 07 May 2010 04:24:27 PDT

วิธีเข้าสู่เมนูจัดการ Automatic Updates ของ Window XP เพื่อสั่งเปิดหรือปิดการอัพเดททำได้ดังนี้
กดปุ่ม Start (อยู่มุมล่างซ้าย) > Settings > Control Panel > Automatic Updates

แล้วจะพบตัวเลือกการอัพเดทแสดงไว้อยู่

Automatic (recommended) - เปิดให้มีการอัพเดทโดยอัตโนมัติ (รูปโล่สีเขียว)
Turn Off Automatic Updates - สั่งปิดการอัพเดทอัตโนมัติ (รูปโล่สีแดง)

Lightwave: หมู่ดาว (Starfield)

noreply@blogger.com (Max) — Sun, 09 May 2010 06:49:21 PDT

ขั้นตอนที่ 1. เปิด Layout แล้วเลือกที่ Windows > Backdrop Options

ขั้นตอนที่ 2. เลือก Add Environment > Textured Environment

ขั้นตอนที่ 3. เลือกที่ Texture

ขั้นตอนที่ 4. ปรับเลเยอร์เป็นแบบ Procedural Texture ตั้งค่าดังนี้

ขั้นตอนที่ 5. เพิ่มเลเยอร์แบบ Gradient ตั้งค่าดังนี้

ขั้นตอนที่ 6. เพิ่มเลเยอร์แบบ Procedural Texture ตั้งค่าดังนี้

ขั้นตอนที่ 7. เพิ่มเลเยอร์แบบ Procedural Texture ตั้งค่าดังนี้

ขั้นตอนที่ 8. เมื่อลองเรนเดอร์ดูจะได้ภาพลักษณะแบบนี้

Credit: http://www.imagecommunications.de/2009/03/25/creating-a-starfield-without-geometry/

Lightwave: ก้อนน้ำแข็ง (Ice Cubes)

noreply@blogger.com (Max) — Sun, 09 May 2010 06:49:21 PDT

ขั้นตอนที่ 1. เปิด Modeler ขึ้นมาแล้วสร้างโมเดลดังนี้

ใน Layer 1 ให้สร้างก้อนน้ำแข็งโดยใช้ Box ขนาดดังรูป จากนั้นกดปุ่ม Tab เพื่อเปลี่ยนให้เป็น Subpatches แล้วใส่ surface ชื่อว่า "ice"

ใน Layer 2 ให้สร้างแผ่นพื้นราบไว้สำหรับใช้วางรองอยู่ใต้ก้อนน้ำแข็งขนาดประมาณ 1m x 1m ด้วย Box แล้วใส่ surface ชื่อว่า "plane"

ขั้นตอนที่ 2. สั่ง "Send Objects to Layout" แล้วไปที่ Render Global โดยตั้งค่าดังนี้

ขั้นตอนที่ 3. ไปที่ Surface Editor แล้วแก้ไขพื้นผิวของ "ice" เป็นดังนี้

ขั้นตอนที่ 4. วางก้อนน้ำแข็งใน Layer 1 ไว้บนแผ่นพื้นราบใน Layer 2 ที่ทำไว้ จากนั้นให้คัดลอกก้อนน้ำแข็งใน Layer 1 เพิ่มขึ้นอีกอันหนึ่งโดยนำไปวางไว้ด้านข้างก้อนแรก แล้วจัดเรียงดังรูป

ขั้นตอนที่ 5. ในพื้นผิว "ice" ไปที่ Texture Editor ของ Color แล้วเลือก

Add Layer > Gradient จากนั้นตั้งค่าดังนี้

ขั้นตอนที่ 6. ในพื้นผิว "ice" ไปที่ Texture Editor ของ Luminosity แล้วเลือก

Add Layer > Gradient จากนั้นตั้งค่าดังนี้

ขั้นตอนที่ 7. ในพื้นผิว "ice" ไปที่ Texture Editor ของ Reflection แล้วเลือก
Add Layer > Gradient จากนั้นตั้งค่าดังนี้

ขั้นตอนที่ 8. ในพื้นผิว "ice" ไปที่ Texture Editor ของ Trasparency แล้วเลือก
Add Layer > Gradient จากนั้นตั้งค่าดังนี้

ขั้นตอนที่ 9. ในพื้นผิว "ice" ไปที่ Texture Editor ของ Trasparency อีกครั้งแล้วเลือก
Add Layer > Gradient จากนั้นตั้งค่าดังนี้

ขั้นตอนที่ 10. ในพื้นผิว "ice" ไปที่ Texture Editor ของ Bump
แล้วเลือก Add Layer > Procerdural จากนั้นตั้งค่าดังนี้

เสร็จแล้วให้เลือก Add Layer > Procerdural อีกครั้งจากนั้นก็ตั้งค่าดังนี้

ถ้าลองเรนเดอร์ดูก็จะเป็นแบบนี้

ขั้นตอนที่ 11. เลือกที่ Objects ก้อนน้ำแข็งแต่ละก้อน แล้วเลือก Objects Properties > Deform
จากนั้นเปิดใช้ Enable Bump ตั้งค่า Distance เท่ากับ 500 um
โดยให้ทำ Enable Bump แบบนี้กับก้อนน้ำแข็งทั้ง 2 ก้อน

เมื่อทำเสร็จแล้วก็จะได้ก้อนน้ำแข็งดังภาพด้านล่าง

Credit: http://www.imagecommunications.de/2008/12/11/ice-cubes-with-surface-thickness/

Window XP: จัดการเมนู Quick Launch บนแถบ Toolbar

noreply@blogger.com (Max) — Fri, 07 May 2010 03:56:49 PDT

การแก้ไขเมนู Quick Launch ที่อยู่ในแถบด้านล่างของ Window XP ทำได้ดังนี้

1. สั่งให้แสดงหรือซ่อน Quick Launch
คลิกขวาบนแถบด้านล่างแล้วเลือกที่ Toolbars > Quick Launch ก็จะเป็นการสลับคำสั่งระหว่างให้แสดงหรือซ่อนเมนู Quick Launch

2. การเพิ่มลดหรือย้ายตำแหน่งไอคอน Shortcut บน Quick Launch

ถ้าลากไฟล์จากบนหน้าจอใส่ลงไปก็จะมี Shortcut ของไฟล์นั้นใน Quick Launch ปรากฎออกมา

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

การลากไอคอนใน Quick Launch ไปวางบนหน้าจอจะทำให้ไอคอนอันนั้นถูกย้ายออกจากแถบเมนู

การย้ายลำดับไอคอนที่เรียงอยู่บนเมนูทำด้วยการใช้เมาส์ลากโยนไปมาบนแถบเมนูนี้ได้ตามต้องการ

3. ย่อขยายขนาดของ Quick Launch
ถ้ารู้สึกว่าขนาดของเมนูนี้เล็กหรือใหญ่เกินไป เราก็ปรับขนาดได้โดยในขณะที่เมนู Quick Launch ถูกแสดงอยู่ให้คลิกขวาบนแถบด้านล่างแล้วเลือกที่ "Lock the Taskbar" แล้วจะพบว่ามีตัวปรับขนาดของ Quick Launch โผล่ออกมาซึ่งสามารถลากเมาส์เพื่อขยายหรือลดขนาดเมนูได้ตามต้องการ

และถ้าปรับขนาดเสร็จแล้วก็ให้เลือกที่ "Lock the Taskbar" ซ้ำอีกครั้ง ก็จะทำให้แถบด้านล่างถูกล็อคไว้เหมือนเดิม

Wordpress: ตั้งค่าให้ต้องใส่ Password ก่อนอ่านเนื้อหา

noreply@blogger.com (Max) — Fri, 07 May 2010 04:11:31 PDT

วิธีตั้งค่าให้ผู้ที่เข้าไปอ่านบทความหรือหน้าเว็บ ในบล็อกของ wordpress.com จะต้องใส่รหัสผ่าน (Password) ก่อนจึงจะมองเห็นเนื้อหา สามารถทำได้โดย

ขั้นตอนที่ 1. เริ่มแรกก็ให้เข้าไปที่ "เมนูเรื่อง" หรืือ "เมนูหน้า" ที่ต้องการก่อน โดยจะใช้การเขียนใหม่หรือแก้ไขอันที่มีอยู่แล้วก็ได้

ขั้นตอนที่ 2. ใส่เนื้อหาลงไปตามปกติ

ขั้นตอนที่ 3. ในเมนู "เผยแพร่" ที่อยู่ด้านขวาตรงคำว่า "เห็นได้" ให้เลือกที่ "แก้ไข"

ขั้นตอนที่ 4. หลังจากนั้นจะมีเมนูขยายออกมาโดยให้เลือกเป็นแบบ "รหัสผ่านป้องกัน" แล้วพิมพ์รหัสที่ต้องการใส่ลงไปโดยรหัสที่ใส่ลงไปนี้ก็สามารถเข้ามาเปลี่ยนใหม่ในภายหลังได้ เมื่อใส่รหัสเสร็จแล้วก็ไปเลือกที่ "เผยแพร่"

ขั้นตอนที่ 5. จากนั้นเมื่อลองไปที่หน้าบล็อกจะพบว่า ในเนื้อหาที่ทำไว้นี้จะมีช่องใส่ Password แสดงไว้อยู่

ขั้นตอนที่ 6. ถ้าใส่ Password ลงไปก็ีมีเนื้อหาปรากฎออกมา

Wordpress: เริ่มต้นสร้างบล็อกได้ฟรีที่ Wordpress.com

noreply@blogger.com (Max) — Fri, 07 May 2010 04:14:08 PDT

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

ขั้นตอนที่ 1. เริ่มโดยให้เข้าไปที่ http://th.wordpress.com/ จากนั้นเลือกที่ปุ่ม "สมัครตอนนี้เลย" หรือจะใช้วิธีเข้าไปที่ http://th.wordpress.com/signup/ เลยก็ได้

ขั้นตอนที่ 2. ใส่ข้อมูลของตนเองลงไปแล้วกดที่ปุ่ม "ต่อไป"

A: ใส่ชื่อผู้ใช้ Wordpress ที่คุณต้องการลงไปซึ่งห้ามซ้ำกับผู้ใช้คนอื่น โดยถึงแม้ชื่อที่ตั้งตรงนี้จะดูไม่ค่อยดีก็ไม่เป็นไร เพราะว่าชื่อของคุณที่จะแสดงให้ผู้อ่านบล็อกเห็นจะถูกตั้งในอีกที่หนึ่ง ซึ่งสามารถตั้งได้ตามใจชอบและจะซ้ำกับใครก็ได้
B: ตั้งรหัสผ่านสำหรับ Wordpress
C: พิมพ์รหัสผ่านที่ตั้งไว้อีกครั้ง
D: ใส่อีเมล์ของคุณลงไป (ต้องเป็นอีเมล์ที่ติดต่อได้จริงเพราะต้องเข้าไปยืนยันการสมัครนี้)
E: คลิกเลือกยอมรับข้อตกลง

ขั้นตอนที่ 3. จะมีที่ตั้ง "URL ของโดเมนบล็อก (Blog Domain)" และ "หัวข้อบล็อก (Blog Title)" ของบล็อกอันแรกที่คุณจะสร้างแสดงไว้อยู่โดยถ้าไม่ชอบค่าเริ่มต้นที่ Wordpress ให้มาก็สามารถเปลี่ยนแปลงได้ โดยถ้าหากเลือกเสร็จแล้วก็กดที่ปุ่ม "Signup"

F: ตั้ง URL เช่นถ้าใส่ในช่องนี้ว่า ### แล้วบล็อกของคุณก็จะไปตั้งอยู่ที่ ###.wordpress.com โดยห้ามซ้ำกับบล็อกของผู้อื่นที่ได้สร้างไว้ก่อนแล้ว
G: ใส่หัวข้อบล็อกซึ่งมักจะพาดหัวแสดงไว้บริเวณด้านบนของบล็อกโดยจะสามารถเปลี่ยนได้ในภายหลัง

ขั้นตอนที่ 4. จะมีข้อความแจ้งบอกว่าได้มีการส่งอีเมล์ไปหาคุณ โดยให้คุณเข้าไปยืนยันการสมัครครั้งนี้ที่อีเมล์ฉบับนั้นภายในสองวัน ไม่อย่างงั้นต้องเริ่มสมัคร Wordpress ใหม่อีกครั้ง

ขั้นตอนที่ 5. เมื่อเข้าไปที่กล่องอีเมล์ของคุณแล้วจะพบว่ามีอีเมล์จาก Wordpress ถูกส่งมา โดยให้เปิดอีเมล์ของ Wordpress ฉบับนั้นแล้วกดที่ลิงก์ยืนยันในเนื้อหาอีเมล์แล้วจะพบว่าได้เข้าไปสู่หน้า activate ซึ่งจะมีข้อความว่า "Your account is now active!" แสดงไว้อยู่

ขั้นตอนที่ 6. ถ้าต้องการดูหน้าตาบล็อกของคุณก็ให้เลือกที่ "View your site"

ขั้นตอนที่ 7. ถ้าเข้าที่ "Login" ก็จะำเป็นหน้าเว็บสำหรับเ้ข้าสู่ระบบ โดยในครั้งหน้าถ้าจะเข้ามาที่ Wordpress ก็ให้ไปที่ https://wordpress.com/wp-login.php แล้วใส่ชื่อผู้ใช้และรหัสผ่านลงไปแล้วค่อยกดที่ปุ่ม "เ้ข้าสู่ระบบ"

ลักษณะของจุดลิงก์และแถบเลื่ือนในสไตล์ชีท

noreply@blogger.com (Max) — Sun, 09 May 2010 19:53:09 PDT

ลักษณะของจุดลิงก์แบบต่างๆ ในสไตล์ชีท (Style Sheet) มีดังนี้
1.ลักษณะจุดลิงก์ที่ไม่เคยไปยังปลายทางมาก่อนคือ

a:link

2.ลักษณะ จุดลิงก์ที่ได้เคยไปมาแล้วคือ

a:visited

3.ลักษณะ จุดลิงก์ในเวลาที่กำลังถูกคลิกคือ

a:active

4.ลักษณะ จุดลิงก์ขณะที่ผู้ใช้กำลังวางเมาส์อยู่เหนืออยู่จุดลิงก์นั้นๆคือ

a:hover

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

การเปลี่ยนสีให้แถบเลื่อน
ในตัวอย่างด้านล่างนี้จะเป็นการกำหนดให้สีของแถบเลื่อนให้มีลูกศรเป็นสีขาว(000000) บนแถบเลื่อนสีดำ(ffffff) โดยเป็นการกำหนดลักษณะของเว็บเพจที่ใช้ Selector เป็น Body

Blogger: รายงานข้อมูลการเข้าชมบล็อกด้วย Google Analytics

noreply@blogger.com (Max) — Mon, 26 Jul 2010 20:02:32 PDT

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

ขั้นตอนที่ 1. เริ่มต้นสมัครเข้าใช้ Google Analytics โดยไปที่ http://www.google.com/analytics/ แล้วเลือกที่ "เข้าถึง Analytics"

ขั้นตอนที่ 2. ให้ใส่ชื่อและรหัสเข้าใช้ของบัญชี Google หรือ Gmail ของตัวเองลงไป และเลือกที่ "เข้าสู่ระบบ"

ขั้นตอนที่ 3. เลือกที่ "สมัครเข้าใช้"

ขั้นตอนที่ 4. ใส่ข้อมูลในแบบฟอร์ม "การสมัครเข้าใช้บัญชีใหม่" โดยในช่องด้านบนสุดก็ให้นำ URL ของบล็อกที่คุณต้องการติดตามใส่ลงไป และหลังจากใส่ข้อมูลเสร็จแล้วก็เลือกที่ "ดำเนินการต่อ"

ขั้นตอนที่ 5. ใส่ชื่อนามสกุลลงไปแล้วเลือกที่ "ดำเนินการต่อ"

ขั้นตอนที่ 6. กดยอมรับข้อกำหนดในการให้บริการ จากนั้นเลือกที่ "สร้างบัญชีใหม่"

ขั้นตอนที่ 7. คัดลอกโค้ดการติดตามที่ปรากฎในช่องดังรูป

ขั้นตอนที่ 8. เลือกที่ "บันทึกและสิ้นสุด"

ขั้นตอนที่ 9. จะพบว่าในตารางช่องสถานะมีสัญลักษณ์ว่า "ยังไม่ได้ติดตาม" แสดงไว้อยู่

ขั้นตอนที่ 10. โดยสามารถเข้าไปดูสถานะการติดตามของบล็อกได้โดยเลือกที่ "แก้ไข"

ขั้นตอนที่ 11. จากนั้นลองเลือกที่ "ตรวจสอบสถานะ" เพื่อสั่งให้ระบบติดตามบล็อกของคุณ

ขั้นตอนที่ 12. จะพบว่าในช่องข้อมูลสถานะการติดตามจะแสดงไว้ว่า "ยังไม่ติดตั้งการติดตาม"

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

ขั้นตอนที่ 14. นำโค้ดการติดตามไปวางลงในบล็อก โดยเข้าไปที่บล็อกของคุณ แล้วเลือกที่
รูปแบบ > แก้ไข HTML > ขยายแม่แบบเครื่องมือ
ให้กด Ctrl+F บนคีย์บอร์ดแล้วค้นหา </body> ซึ่งมักจะอยู่ที่ส่วนท้ายของหน้าดังรูป จากนั้นให้วาง "โค้ดการติดตาม" ของ Google Analytics ที่ได้คัดลอกมาในบรรทัดด้านบนเหนือ </body>

ขั้นตอนที่ 15. เมื่อวางโค้ดเสร็จแล้วให้เลือกที่ "บันทึกแม่แบบ"

ขั้นตอนที่ 16. ให้เข้าไป https://www.google.com/analytics/settings/home ก็จะพบว่ายังมีสัญลักษณ์ว่า "ยังไม่ได้ติดตาม"แสดงไว้อยู่เหมือนเดิม

ขั้นตอนที่ 17. โดยสามารถเข้าไปดูสถานะการติดตามของบล็อกได้โดยเลือกที่ "แก้ไข"

ขั้นตอนที่ 18. ให้เลือกที่ "ตรวจสอบสถานะ" อีกครั้งเพื่อสั่งให้ระบบเริ่มติดตามบล็อกของคุณ

ขั้นตอนที่ 19. ในคราวนี้ระบบจะบอกว่าติดตั้ง Analytics เสร็จสมบูรณ์แล้ว โดยจะมีสถานะการติดตามแสดงไว้ว่า "รอข้อมูล"

ขั้นตอนที่ 20. จากนั้นพอกลับมาที่หน้าจอ https://www.google.com/analytics/settings/home อีกครั้ง ก็จะพบว่ามีสัญลักษณ์รูปนาฬิกาซึ่งหมายถึงกำลังรอข้อมูลแสดงไว้อยู่

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

ขั้นตอนที่ 22. โดยสามารถเข้าไปดูกราฟและแผนภูมิแสดงข้อมูลผู้เข้าชมบล็อกของคุณได้โดยเลือกที่ "ดูรายงาน"

ขั้นตอนที่ 23. ซึ่งลองดูตัวอย่างรายงานของ Google Analytics ได้จากภาพด้านล่างนี้

Credit: http://www.eblogtemplates.com/how-to-install-google-analytics-on-blogger/

Illustrator: ทำไอคอน RSS

noreply@blogger.com (Max) — Mon, 12 Apr 2010 21:51:58 PDT

วิธีใช้โปรแกรม Adobe Illustrator สร้างไอคอน RSS (Create a Vector RSS Icon) ทำได้ดังนี้

ขั้นตอนที่ 1. สร้าง Rounded Rectangle ที่ไม่ต้องมีเส้นขอบขนาดดังนี้
Width: 200
Height: 200
Corner Radius: 22

ขั้นตอนที่ 2. ใส่สีแบบ Gradient โดยมีค่าสีดังนี้
สีของจุดด้านซ้ายคือ FCAF40
สีของจุดด้านขวาคือ F78E3E

ขั้นตอนที่ 3. ให้ตั้งชื่อเลเยอร์ของไอคอนสี่เหลี่ยมที่กำลังทำอยู่นี้ว่า Layer 1 แล้วให้คัดลอกเลเยอร์นี้เพิ่มขึ้นอีกหนึ่งอัน โดยให้ตั้งชื่อเลเยอร์ใหม่นี้ว่า Layer 2 และนำไปวางอยู่เหนือเลเยอร์แรก จากนั้นให้สั่งล็อค Layer 1 ไว้

ขั้นตอนที่ 4. ไปที่ Layer 2 เลือกภาพไอคอนสี่เหลี่ยมจากนั้นเลือกที่ Objects > Tranform > Reflect โดยเลือกแบบ Horizontal

ขั้นตอนที่ 5. เลือกภาพไอคอนสี่เหลี่ยมใน Layer 2 แล้วใส่ Effect > Path > Offset Path โดยตั้งค่าดังนี้
Offset : -4
Joins: Miter
Miter Limit: 4

ขั้นตอนที่ 6. จากนั้นให้ไปเลือกที่ Objects > Expand Appearance

ขั้นตอนที่ 7. ให้สั่งล็อค Layer 2 ไว้ แล้วไปสร้างเลเยอร์ขึ้นใหม่ที่ด้านบนสุดแล้วตั้งชื่อว่า Layer 3 จากนั้นวาดวงกลมขึ้นมา 3 อันดังนี้

วงกลมใหญ่มีแต่เส้นขอบขนาดคือ

Width: 252 px

Height: 252 px

Stroke: 32 Pt

และลบจุดด้านซ้ายและด้านล่างทิ้งไปดังรูป

วงกลมใหญ่

วงกลมกลางมีแต่เส้นขอบขนาดคือ

Width: 155 px

Height: 155 px

Stroke: 32 Pt

และลบจุดด้านซ้ายและด้านล่างทิ้งไปดังรูป

วงกลมกลาง

วงกลมเล็กที่ไม่มีเส้นขอบขนาดคือ

Width: 39 px

Height: 39 px

Stroke: 0 Pt

วงกลมเล็ก

ขั้นตอนที่ 8. เลืิอกชิ้นส่วนวงกลมทั้ง 3 อันจากนั้นไปที่ Window > Align แล้วกดจัดเรียงให้เสมอกันใน ด้านซ้าย และด้านล่าง

โดยเมื่อจัดเรียงแล้วจะได้ภาพลักษณะดังนี้

ขั้นตอนที่ 9. เลืิอกชิ้นส่วนวงกลมทั้ง 3 อันและไปที่ Object > Expand

ขั้นตอนที่ 10. เลือกชิ้นส่วนวงกลมทั้ง 3 อันค้างไว้เหมือนเดิมใส่แล้วสีแบบ Gradient ลงไปในโดยมีค่าสีดังนี้

สีของจุดด้านซ้ายคือ DCDCDC

สีของจุดด้านขวาคือ FFFFFF

และใส่สีเส้นขอบเป็น Stroke: F0F0F0 ในขนาดเส้นขอบ 1 pt

ขั้นตอนที่ 10. สั่งให้ชิ้นส่วนวงกลมทั้ง 3 อัน รวมเป็นกลุ่มเดียวกันโดยเลือกที่ Objects > Group

ขั้นตอนที่ 11. ปลดล็อคทุกเลเยอร์แล้วสั่งให้ไปชิ้นส่วนจากทุกเลเยอร์ที่ทำมาทั้งหมดไปเรียงกันอยู่ตรงกลางพื้นที่ทำงาน

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

ขั้นตอนที่ 13. ไปที่ Layer 4 แล้ววาดวงกลมสีขาวแบบไม่มี Stroke เพิ่มขึ้นอีก 1 วงขนาดคือ
Width: 500 px
Height: 89 px

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

ขั้นตอนที่ 14. เลือกวงกลมสีขาวไว้ไปที่ Window > Transform โดยให้เลือก Reference Point ไปที่ด้านล่างของตรงกลางและไม่ต้องสั่งเปิด Constrain Width and Height Proportions จากนั้นปรับความสูงของวงกลมให้เป็น Height: 178 px

ขั้นตอนที่ 15. ให้เลือกวัตถุทั้งหมดที่อยู่ใน Layer 4 คือ ทั้งสี่เหลี่ยมและวงกลมสีขาวแล้ว Window > Pathfinder โดยเลือกแบบ Intersect shape areas

ขั้นตอนที่ 16. เมื่อตัดชิ้นส่วนมาแล้วจากนั้นให้กด Expand
โดยเมื่อทำแล้วจะด้ภาพลักษณะดังนี้

ขั้นตอนที่ 17. เลือกชิ้นส่วนที่ถูกตัดมานั้นใน Layer 4 แล้วไปที่ Window > Transparency โดยตั้งค่า
Opacity: 15

ขั้นตอนที่ 18. วาดวงกลมขนาดเล็กสีขาวเพิ่มอีก 2 วงโดยนำไปวางไว้บริเวณมุมด้านขวาบนของไอคอนสี่เหลี่ยมดังรูป จากนั้นให้ไปที่ Window > Transparency โดยตั้งค่า
Opacity: 15

ขั้นตอนที่ 19. ปลดล็อคทุกเลเยอร์แล้วเลือกทุกชิ้นส่วนที่ทำไว้ทั้งหมดจากนั้นเลือกที่ Objects > Group เพื่อรวมชิ้นส่วนทั้งหมดไว้เป็นกลุ่มเดียวกันก็จะได้ไอคอน RSS ไว้ใช้งาน

Credit: http://www.blog.spoongraphics.co.uk/tutorials/beginner-illustrator-tutorial-create-a-vector-rss-icon

Photoshop: อักษรแผ่รังสี (Radiation Text)

noreply@blogger.com (Max) — Wed, 07 Apr 2010 06:40:20 PDT

ขั้นตอนที่ 1. เริ่มจากสร้่างไฟล์ Photoshop ขึ้นใหม่ในขนาด 300x300 ให้เทพื้นหลังเป็นสีดำ

ขั้นตอนที่ 2. พิมพ์คำที่ต้องการลงไป โดยในตัวอย่างนี้ใช้ตัวอักษรแบบ "Arial Rounded MT Bold" ขนาด 60 pt (ส่วนสีของตัวอักษรจะเป็นสีอะไรก็ได้ที่ไม่ใช่ขาวกับดำเพราะมันจะกลืนกับพื้นหลังเวลาทำตามขั้นตอน) จากนั้นกด Ctrl ที่เลเยอร์ตัวอักษรเพื่อสร้าง selection

ขั้นตอนที่ 3. ปรับค่า Selection ที่สร้างขึ้นดังนี้
ไปที่ Select > Modify > Expand ตั้งค่า Expand By: 3 หลังจากนั้นให้
ไปที่ Select > Modify > Feather ตั้งค่า Feather Radius: 5

ขั้นตอนที่ 4. สร้างเลเยอร์ขึ้นใหม่ใต้เลเยอร์ตัวอักษรโดยตั้งชื่อเลเยอร์ที่เพิ่มขึ้นใหม่ว่า Layer 1 แล้วเทสีขาวลงไป

ขั้นตอนที่ 5. ไปที่เลเยอร์ตัวอักษรแล้วเลือกเปลี่ยนสีตัวอักษรที่พิมพ์ไว้ให้กลายเป็นสีดำ

ขั้นตอนที่ 6. ไปที่ Layer 1 เลือก Layer > Layer Style > Outer Glow จากนั้นให้กดเลือกที่แถบสี Gradient

ขั้นตอนที่ 7. จากนั้นปรับค่าใน Gradient Editor ดังนี้

ตั้งค่าของ Stops ในแถบด้านบนว่า
A > Opacity: 100, Location: 0
B > Opacity: 50, Location: 100

ตั้งค่าของ Stops ในแถบด้านล่างว่า
C > Color: #ffffff, Location: 0
D > Color: #ffffff, Location: 5
E > Color: #ffff00, Location: 16
F > Color: #32a300, Location: 65
G > Color: #00610e, Location: 100

ขั้นตอนที่ 8. ไปที่ Window > Animation โดยใช้แบบ Animation (Frames) จากนั้นเลือกที่
Selects frame delay time > Other แล้วปรับค่า Set Delay: 0.15 และตั้งค่า looping options เป็นแบบ Forever

ขั้นตอนที่ 9. คลิกเลือกที่ Duplicates selected frames จำนวน 2 ครั้ง เพื่อคัดลอกเฟรมแรกเพิ่มขึ้นอีกสองเฟรม

ขั้นตอนที่ 10. เลือกเฟรม 2 ไว้แล้วไปที่ Layer 1 แล้วเลือก Layer > Layer Style > Outer Glow และปรับค่าของ Structure ให้ Opacity: 0

ขั้นตอนที่ 13. เลือกเฟรม 2 ไว้จากนั้นเลือกที่ Tweens animation frames แล้วปรับค่า Frames to Add: 4 โดยเมื่อทำแล้วในขณะนี้ก็จะมีทั้งหมด 7 เฟรม

ขั้นตอนที่ 12. เลือกเฟรม 7 ไว้จากนั้นเลือกที่ Tweens animation frames แล้วปรับค่า Frames to Add: 4 โดยเมื่อทำแล้วในขณะนี้ก็จะมีทั้งหมด 11 เฟรม

ขั้นตอนที่ 13. ลบเฟรมที่ 11 ทิ้งไป

ขั้นตอนที่ 14. เลือก File > Save for Web & Devices โดยให้เลือกเซฟเป็น GIF ก็จะได้อนิเมชั่นตามต้องการ

Blogger: วิธีห้ามไม่ให้ผู้ชมบล็อกคลิกขวาในบล็อก

noreply@blogger.com (Max) — Sat, 17 Jul 2010 10:45:44 PDT

การห้ามไม่ให้ผู้อ่านสามารถคลิกขวาในบล็อก (disable right click in blogger or any webpage) ทำได้ดังนี้
ขั้นตอนที่ 1. เข้าสู่บล็อกแล้วเลือกที่ การออกแบบ > องค์ประกอบของหน้า

ขั้นตอนที่ 2. ให้เลือกเพิ่ม Gadget แบบ HTML/จาวาสคริปต์

ขั้นตอนที่ 3. คัดลอกโค้ดด้านล่างนี้ใส่ลงไปในช่อง และกดบันทึกก็เสร็จแล้ว
<SCRIPT language=JavaScript>

var message = "function disabled";
function rtclickcheck(keyp){ if (navigator.appName == "Netscape" && keyp.which == 3){ alert(message); return false; }
if (navigator.appVersion.indexOf("MSIE") != -1 && event.button == 2) { alert(message); return false; } }
document.onmousedown = rtclickcheck;
</SCRIPT>

จากนั้นเมื่อลองคลิกขวาบนหน้าบล็อกจะพบคำว่า function disabled แสดงออกมา ซึ่งสามารถเปลี่ยนเป็นคำเตือนแบบอื่นก็ได้ โดยไปแก้ไขโค้ดในบรรทัดที่ 3 ด้วยการแทนที่คำว่า function disabled ให้เป็นคำอื่นตามต้องก่าร

Credit: http://www.bloggertricks.com/2007/12/how-to-disable-right-click-in.html