การทำโฆษณาแบบพับเก็บได้ จัดทำโดย : Mr.GuruZ พิมพ์
 Un title page

การทำโฆษณาแบบพับเก็บได้ หลายคนอาจจะสงสัยว่าเว็บดังๆ เขาทำโฆษณากันอย่างไรแบบที่วิ่งอยู่บนหน้าจอ แล้วยังสามารถพับเก็บได้ การทำก็มีด้วยกันหลายแบบเช่นรูปภาพ หรือไม่ก็ Flash ปัจจุบันก็ยังเป็นที่นิยมกันอยู่ มาดูการทำดีกว่าเดี๋ยวจะไม่เสร็จ

ขั้นตอนการทำ

1. เตรียมรูปภาพ โดยอาจจะวาด หรือเขียนปุ่มปิดไว้ในรูปด้วยโปรแกรมให้เรียบร้อย ดังภาพตัวอย่าง

2. จากนั้นวาด Layer ลงในเว็บเพจ 1 Layer พร้อมตั้งชื่อ "ads" ดังภาพ

3. จากนั้นนำรูปภาพที่เตรียมไว้วางใส่ลงไปใน Layer ใช้ Hotspot สร้างส่วนที่จะให้ผู้ใช้กดปุ่มปิดหน้าต่าง ดังภาพ

4. เลือกเครื่องมือ Behaviors (Shift+F3) ใช้ Action เครื่องมือ Show-Hide Layers สั่งให้ซ่อน Layer "ads" ดังภาพ
* ถ้า Show-Hide Layers ไม่ขึ้นให้เลือกที่จุด Hotspot ที่เราสร้างไว้ตอนแรกก่อน

5. จากนั้นให้สังเกตุที่เครื่องมือ Behaviors สถานะของ Mouse อยู่ที่ onMouseOver ให้เราทำการเปลี่ยนเป็น onClick ดังภาพ
* ถ้าไม่มีให้เลือกให้ไปแก้ที่โค้ดแทนก็ได้

<== ก่อนที่ยังไม่ได้แก้

<== หลังที่ได้ทำการแก้ไขโค้ดแล้ว

6. จากนั้นก็ทำการใส่ Link ให้กับรุปภาพตามปกติ (จะลิงค์มาที่ http://www.webthaidd.com/ ก็ได้นะครับ)

7. จากนั้นก็ลองทดสอบการทำงานดูครับ (รับรองว่าโปรแกรมอะไรก็มา Block ไม่อยู่)

 

คุณอาจสนใจ
สำรวจให้แน่ใจว่าใน flash drive มีไวรัสอยู่หรือไม่?
junko (30,032 - 15 มี.ค. 51)
บล็อกอีเมล์ขยะง่ายนิดเดียว (Vista)
สายลม (15,010 - 22 มี.ค. 51)
การทำโฆษณาแบบพับเก็บได้
Mr.GuruZ (101,253 - 04 มิ.ย. 49)
ทำขอบรูปแบบแปลก ๆ โดยใช้ Action
webthaidd (190,361 - 19 เม.ย. 51)
เลือกใช้สีให้เหมาะกับเว็บเพจของคุณ
เว็บไทยดีดี (14,757 - 27 ต.ค. 50)
การทำกรอบภาพแบบ Halftone
Lee (242,358 - 25 ธ.ค. 49)
ความแตกระหว่างการใช้งาน break; และ exit();
เฟริท (32,627 - 22 พ.ย. 50)
การจัดวางตำแหน่งข้อความ
อ้อม (22,035 - 13 ม.ค. 50)