สอนเทคนิควิธีการขั้นพื้นฐานต่าง ๆ: css

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

ฟรีโค้ดโบว์ดำไว้อาลัย Black Ribbons ริบบิ้นดำไว้ทุกข์

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

ขั้นตอนติดตั้งโค้ด CSS ริบบิ้นดำไว้ทุกข์สำหรับ Blogger

1. ไปที่ รูปแบบ แล้วคลิก เครื่องมือออกแบบเทมเพลต

อ่านเพิ่มเติม »

โค้ดปุ่ม Link Button แจกฟรี

Button คือ ปุ่มที่มีการตอบสนองเมื่อเรานำเม้าส์ไปชี้ โดยใช้โค้ดสำเร็จรูป CSS ที่เราสามารถนำไปปรับแต่งใช้งานได้ทันที จะมีโค้ด 2 แบบด้วยกัน

อ่านเพิ่มเติม »

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

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

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

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

อ่านเพิ่มเติม »

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

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

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

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

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

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