แสดงบทความที่มีป้ายกำกับ โฆษณาเลื่อนตาม scrool bar แสดงบทความทั้งหมด
แสดงบทความที่มีป้ายกำกับ โฆษณาเลื่อนตาม scrool bar แสดงบทความทั้งหมด

โค้ดโฆษณา Banner เลื่อนตาม ScrollBar สำหรับ WordPress

ถ้าได้ติดตามบทความก่อนหน้านี้เกี่ยวกับ วิธีทำ Banner เลื่อน ขึ้น-ลง ตาม Scrollbar สำหรับเว็บบล็อกอย่าง Blogger คราวนี้จะมาสอนวิธีการทำโฆษณาแบนเนอร์เลื่อนตาม Scrollbar สำหรับ WordPress กันบ้าง

หมายเหตุ: บางทีเราต้องปรับความกว้างในส่วน #topbar (สำหรับโค้ดชุดที่ 1 และ 2) ตรง width: 160px; เพื่อให้ป้ายแบนเนอร์แสดงผลตามความกว้างและความสูงที่ได้กำหนดไว้ ซึ่งก็ขึ้นอยู่กับเทมเพลตที่เราใช้งานอยู่ด้วย

1. ไปที่ Appearance แล้วคลิกที่ Editor

ปลั๊กอิน Q2W3 Fixed Widget วิดเจ็ตเลื่อนตามสกอร์บาร์

มาเพิ่มจุดเด่นให้กับเว็บไซต์ที่ใช้ระบบเว็บ WordPress ด้วยปลั๊กอินที่มีชื่อว่า "Q2W3 Fixed Widget" จะช่วยทำให้ง่ายในการจัดการกับ Widget ต่าง ๆ ที่เราต้องการให้เลื่อน ขึ้น-ลง ตาม Sidebar เหมาะอย่างยิ่งสำหรับแบนเนอร์ป้ายโฆษณา หรือข้อความลิงก์เมนูต่าง ๆ

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

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

ขั้นตอนการติดตั้งปลั๊กอิน Q2W3 Fixed Widget

1. ไปที่ Plugins แล้วคลิก Add New

โค้ดโฆษณา Banner เลื่อน ขึ้น-ลง ตาม Scrollbar

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

โค้ด HTML ที่นำมาแจกนี้ สามารถนำไปใช้กับระบบของ Blogger หรือเว็บไซต์อื่น ๆ ที่ไม่มี Base CSS นะครับ ส่วนตัวผมทดสอบใช้งานกับ Blogger แล้วไม่มีปัญหาใด ๆ ใช้งานได้ปกติ

โค้ดจะมีด้วยกัน 3 ชุด สามารถเลือกอย่างใดอย่างหนึ่งไปใช้งานตามความเหมาะสมของเว็บไซต์คุณได้เลย

หมายเหตุ: ขนาดป้ายโฆษณา 160x600 สามารถเปลี่ยนขนาดของป้ายได้ ให้ค้นหาโค้ด width="160 และ height="600 เปลี่ยนที่ตัวเลข 160 และ 600 เป็นความกว้างความสูงตามที่เราต้องการ


1. คลิกไปที่ แม่แบบ แล้วคลิก แก้ไข HTML