ต้อนรับคริสต์มาส สร้างหิมะตกบนเว็บไซต์กัน ง่ายๆไม่กี่ขั้นตอน
Dev Developer | .., 25 พฤศจิกายน 2568 | แนะนำ
ใกล้วันคริสต์มาสแล้ว! เปลี่ยนหน้าเว็บให้เป็น Winter Theme ด้วยวิธี "ทำเว็บหิมะตก" ง่ายๆ เพียงวางโค้ดนี้
กลิ่นอายแห่งความสุขเริ่มลอยฟุ้งไปทั่ว เพราะตอนนี้ ใกล้วันคริสต์มาส และเทศกาลปีใหม่เข้ามาทุกที หากสังเกตดูรอบตัว เราจะเห็นร้านค้าต่างๆ เริ่มประดับไฟและต้นสนเพื่อดึงดูดลูกค้า แล้วเว็บไซต์ของเราล่ะ? เตรียมพร้อมรับเทศกาลนี้หรือยัง?
การตกแต่งเว็บไซต์ให้เข้ากับเทศกาล (Seasonal Marketing) เป็นวิธีที่ยอดเยี่ยมในการสร้างความประทับใจ วันนี้ Topvery ขอแนะนำ "วิธีทำเว็บหิมะตก" ที่ง่ายที่สุดในโลก ไม่ต้องมีความรู้เรื่องโปรแกรมมิ่ง ก็เสกหิมะให้โปรยปรายได้ทันที
วิธีใส่โค้ดง่ายๆ เพียงแค่วางโค้ดนี้ (เสร็จใน 1 นาที)
สำหรับเจ้าของเว็บไซต์ที่ต้องการความรวดเร็ว รับช่วง ใกล้วันคริสต์มาส ให้คัดลอกโค้ดด้านล่างนี้ทั้งหมด ไปวางไว้ในหน้าเว็บของคุณ (แนะนำให้วางก่อนบรรทัดปิด </body>) ครับ
<!-- Magic Snowflakes Code by Topvery -->
<script src="https://cdn.jsdelivr.net/npm/magic-snowflakes/dist/snowflakes.min.js"></script>
<script>
new Snowflakes({
color: "#ffffff",
count: 80
});
</script>เพียงเท่านี้ หน้าเว็บของคุณก็จะมีหิมะสีขาวจำนวน 80 เม็ด โปรยปรายลงมาอย่างสวยงามทันที!
อยากปรับแต่งหิมะให้ละเอียดกว่านี้? (ขั้นสูง)
หากคุณรู้สึกว่าหิมะยังตกไม่ถูกใจ อยากปรับให้ตกเร็วขึ้น เปลี่ยนสี หรือเพิ่มขนาดเม็ดหิมะให้ใหญ่ขึ้นเพื่อให้เข้ากับดีไซน์เว็บ การเขียนโค้ดเองอาจจะยุ่งยากเกินไป
เราขอแนะนำตัวช่วยพิเศษ! หากปรับแต่งส่วนอื่นๆ ให้ใช้เว็บนี้:
คลิกที่นี่เพื่อไปที่หน้าสร้างโค้ด Snowflakes (Constructor)
เว็บนี้จะให้คุณเลื่อนปรับค่าความเร็ว (Speed), ขนาด (Size), และลม (Wind) ได้แบบ Real-time เมื่อพอใจแล้วก็แค่กดปุ่ม "Get Code" แล้วนำมาวางแทนโค้ดเดิมได้เลย สะดวกสุดๆ
เทคนิคเพิ่มเติมจาก Topvery
- สีของหิมะ (Color): ในโค้ดคือ
#ffffff(สีขาว) หากพื้นหลังเว็บคุณเป็นสีขาว หิมะจะมองไม่เห็น ให้เปลี่ยนรหัสสีเป็น#cceaff(สีฟ้าอ่อน) แทน - จำนวน (Count): เลข
80คือจำนวนเม็ดหิมะที่เหมาะสม ไม่รกตาจนเกินไป แต่ถ้าอยากให้ดูหนาวเหน็บเหมือนพายุหิมะ สามารถเพิ่มเป็น150ได้ครับ
หวังว่าเทคนิคการ ทำเว็บหิมะตก นี้จะช่วยให้เว็บไซต์ของคุณดูมีชีวิตชีวาต้อนรับช่วง ใกล้วันคริสต์มาส นะครับ สำหรับใครที่อยากปรับแต่งเว็บไซต์ให้ติดหน้าแรก Google เพื่อรับยอดขายยาวๆ ไปจนถึงปีหน้า สามารถปรึกษาทีมงาน Topvery ได้เลย เราพร้อมดูแลคุณ
สอบถามได้ที่ Line, Topvery Cloud IDC
เมื่อคุณเจอบัญชีนั้น, คลิก "เพิ่มเพื่อน" หรือ "ติดตาม" เปิดแอป LINE บนอุปกรณ์ของคุณ ไปที่แท็บ เพื่อน ที่มุมล่างขวา กดที่ไอคอน เพิ่มเพื่อน ที่อยู่บนขวามือ ในหน้าต่างที่ปรากฏขึ้น, คุณสามารถค้นหาบัญชี LINE Official ที่ต้องการด้วยชื่อ เมื่อคุณเจอบัญชีนั้น, คลิก เพิ่มเพื่อน หรือ ติดตาม
แอดไลน์ ID @topvery
แอดไลน์ ID @topvery คลิก..?