Mod_Rewrite คืออะไร?
Mod_Rewrite คือการแปลง URL ที่ดูยากให้อยู่ในรูปแบบที่เราต้องการ เพื่อประโยชน์หลายด้าน (ซึ่งจะกล่าวถึงต่อไป) และการแปลงเพื่อประโยชน์ด้าน SEO ก็เป็นอีกอันนึงที่มีการนำเอา Mod_Rewrite มาใช้ เพราะเรารู้กันดีว่า Search Engine ไม่ค่อยชอบ pages ที่เป็น dynamic ที่มี query string ยาวเฟื๊อย

ตัวอย่าง URL ที่ยาว และซับซ้อน
โค้ด:

http://www.site.com/viewcatalog.asp?category=hats&prodID=53

เมื่อผ่านการแปลง เราสามารถทำให้สั้นลงได้ดังนี้
โค้ด:

http://www.site.com/catalog/hats/53/

เริ่มทำ Mod_Rewrite
บาง Server ไม่สามารถจะทำ Mod_Rewrite ได้เนื่องจากไม่ได้ติดตั้ง Module Mod_Rewrite ดังนั้นถ้าเราจำเป็นต้องใช้ Mod_Rewrite ก็ต้องตรวจสอบดีๆก่อนเช่า host

.htaccess ไฟล์สำคัญในการทำ Mod_Rewrite
เราจะใช้ไฟล์นี้ในการกำหนด Rule ของการทำ Mod_Rewrite
เริ่มต้นด้วยคำสั่ง

RewriteEngine on

เพื่อเปิดการทำงาน เขียนไว้ในบรรทัดแรกสุดของไฟล์

ต่อไปจะเป็นการนำเอา Mod_Rewrite ไปให้งาน ซึ่งผมจะเริ่มด้วยตัวอย่างง่ายๆ และเขียน Rewrite Rule ง่ายก่อน แล้วก็ยกตัวอย่างต่อไปเรื่อยๆนะครับ
อ่านต่อ คลิกที่นี่ »

ก่อนอื่น ถ้าเครื่องของคุณ ใช้ Internet explorer 6 อยู่ ผมขอแนะนำ ให้อัพเกรดเป็น 7 ซะก่อน ครับ ส่วนวิธี ที่จะทำให้ windows ของคุณผ่านการตรวจสอบก่อนลง IE7 นั้น ลองเสิชกูเกิลหาดูครับ มีอยู่มากมาย
เมื่อเครื่องของคุณเป็น IE7 แล้ว คุณไม่สามารถที่ลง IE6 แบบปกติได้ ดังนั้น

ดาวน์โหลดตั้วนี้ไปครับ

Download Multiple IE installer (10.3MB)

จากนั้นก็ทำการ install

เมื่อกด next มาจนถึงหน้าต่างนี้ คุณก็ติ๊ก IE สมัยพระเจ้าเหาออก หากคุณไม่ต้องการลงมัน เอาเฉพาะ IE6 ก็พอแล้วนะผมว่า แต่ที่บริษัทผมต้องเช็ก IE5.5 ด้วยครับ แต่ก็เอาเฉพาะ Homepage เท่านั้น

แค่นี้เอง คุณก็จะสามารถเปิด IE6 IE7 ได้พร้อมๆกัน สำหรับตรวจสอบความถูกต้องของหน้าเว็บไซต์ของคุณ

ขอบคุณ ไฟล์ดาวน์โหลด และวิธีการจากเว็บไซต์ http://tredosoft.com/Multiple_IE

มีสคริปมาอัพเดทกัน 1 ตัวครับ อันเดิมคือ อันนี้ครับ
วิธีแก้รูป png ใน IE มีพื้นสีเทา จากอันเดิมที่ว่ามันไม่สามารถ ใช้ png ใส มาเป็น background repeat ได้ แต่บัดนี้ มันทำได้แล้วครับ ลองโหลดไปใช้กันดู ไฟล์สคริป พร้อมตัวอย่าง

ดาวน์โหลด IEpngfix

*แต่ยังกำหนด background-position ไม่ได้เหมือนเดิม อยู่ซ้ายบนตลอดครับ

Submit blog คือ การเพิ่มลิ้งค์ ให้กับบล็อก เพิ่มคนเข้าบล็อก ให้มากขึ้น ด้วยการเพิ่มลิ้งค์ในเว็บของผู้ให้บริการ blog directory ซึ่งอีกนัยหนึ่งก็คือ ผู้จัดระเบียบบล็อกให้เป็นหมวดหมู่หาง่ายนั่นเอง

รายชื่อเว็บ blog directory ที่น่า submit เลือกเอาเฉพาะที่มีให้เลือกประเทศไทยนะครับ และฟรี เข้าไปแล้วก็หาลิ้งค์ที่เขียนว่า submit blog,  submit link, add url,  add a blog เหล่านี้นะครับ

• http://www.blogcatalog.com/
• http://dir.blogflux.com/
• http://www.blogarama.com/
• http://www.blogdup.com/
• http://www.blogadr.com/

สำหรับบล็อก ไดเรคทอรี่ ของคนไทย ที่จะลืมเสียมิได้ ก็คือ Thaiblog.info ครับ

ที่นี่จะรวมบล็อกของคนไทยทั้งหมด โดยมีกติกาว่า
1. ต้องเป็นบล็อก
2. ต้องมีการเขียนเนื้อหาเอง 90%
3. เป็นบล็อกของคนไทย

เมื่อรู้แล้วว่าบล็อกของคุณ เข้าข่าย 3 ข้อนี้ ก็เอาบล็อกไปซับมิท ได้เลยครับ โดยไปที่เว็บ http://thaiblog.info/กดคำว่า “เพิ่มรายชื่อบล็อก” กรอกรายละเอียด เกี่ยวกับบล็อกของคุณ เท่านี้ก็เรียบร้อย รอเจ้าหน้าที่ตรวจสอบ ไม่นานครับ ก็จะมีเมล์มาว่า คุณได้อยู่ใน thaiblog.info แล้ว

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

หากใครเคยใช้รูปภาพแบบ .png แบบพื้นหลังใส แล้วละก็ คงจะเคยพบกับปัญหา ที่เกิดพื้นสีเทาขึ้นตรงที่ต้องการให้เป็น transparent เฉพาะ IE6 จนต้องเปลี่ยนไปใช้ gif หรือ jpg ตามเดิม ทั้งที่ IE7 , Firefox ก็แสดงผล png ได้อย่างไม่มีปัญหา

วิธีแก้ png IE6

1. ดาวน์โหลด ไฟล์นี้ png ie6 fix.zip ซึ่งจะมี ไฟล์ iepngfix.htc และ blank.gif
2. แตกมันออกมาแล้วอัพโหลด 2 ไฟล์นี้ ไปที่เดียวกับ ไฟล์ css ของคุณ
3. แล้วเขียนในไฟล์ css ของคุณแบบนี้ img { behavior: url(iepngfix.htc); }

** ถ้าหากภาพ png ไม่ได้เป็น แท็ก <img> แต่เป็นแบ็คกราวน์ เช่น

#header { background:url(header.png); }

เราก็สามารถเขียนเข้าไปแบบนี้ได้เลย แต่บรรทัดบนที่เรียก bg ยังต้องเขียนอยู่นะครับ

img, #header { behavior: url(iepngfix.htc); }

#header { background:url(header.png); }
#header { behavior: url(iepngfix.htc); }

ติดกันแบบนี้เลยก็ได้


ที่สำคัญคือเขียน path ให้ถูกต้อง และรูปที่เป็นแบ็คกราวน์ repeat ในส่วน repeat จะไม่ทำงาน ใช้ได้เฉพาะภาพที่เป็นภาพเดียว หรือ no-repeat เท่านั้น

ถ้าคุณใช้ IE7, Firefox หรือ Opera เปิด divland คุณจะเห็นว่ามีเส้นเฉียงเป็นพื้นหลัง แต่ถ้าใช้ IE6 คุณจะเห็นว่ามีเส้นเล็กๆอยู่มุมบนซ้ายเส้นเดียว เพราะมันไม่ repeat

ถ้าใครแก้ ตัวจาวาสคริปให้มัน repeat ได้ หรือ ไปเจอเทคนิคอื่นที่ สามารถ ซ่อม png transparant in IE6 แบบ repeat ได้ละก็ บอกผมด้วยนะครับ