วิธีสร้างธงโบกแบบเคลื่อนไหวสำหรับเว็บไซต์

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

ขั้นตอนที่ 1

ชี้เบราว์เซอร์ของคุณไปที่เครื่องสร้างธงแบบเคลื่อนไหวออนไลน์ เช่น FlashVortex.com, MakeSweet หรือ Layoutcodez.net ไซต์ MakeSweet และ Layoutcodez.net อนุญาตให้คุณอัปโหลดรูปภาพของคุณเองสำหรับการตั้งค่าสถานะของคุณ ในขณะที่ไซต์ FlashVortex.com จะให้รูปภาพสำเร็จรูปที่คุณแก้ไข

ขั้นตอนที่ 2

อัปโหลดรูปภาพสำหรับธงที่กำลังเคลื่อนที่ของคุณบนเว็บไซต์ MakeSweet โดยคลิกปุ่มเครื่องหมายบวก จากนั้นคลิกเครื่องหมายบวกถัดไปที่ปรากฏพร้อมกับรูปภาพเริ่มต้น บน Layoutcodez.net ให้คลิกปุ่ม "เลือกไฟล์" ทำตามคำแนะนำในแต่ละไซต์เพื่อเลือกกราฟิกของคุณและเพิ่มลงในการออกแบบ

ขั้นตอนที่ 3

ใช้เมนูบนไซต์ FlashVortex.com และ MakeSweet เพื่อออกแบบรูปภาพของคุณ ตัวอย่างเช่น ใน FlashVortex.com ให้ป้อนขนาดแฟล็กในช่องข้อความ "Flag scale" พิมพ์เนื้อหาแฟล็กที่มาในกล่อง "Text" จากนั้นเลือกตำแหน่งของข้อความโดยใช้คุณสมบัติภายใต้ "Edit Text Label Position" " ชื่อเรื่อง Layoutcodez.net ไม่มีตัวเลือกให้คุณทำการแก้ไขเพิ่มเติมกับรูปภาพของคุณ

ขั้นตอนที่ 4

เสร็จสิ้นการออกแบบธงเคลื่อนที่ของคุณโดยคลิกปุ่ม "สร้างภาพเคลื่อนไหว" บนเว็บไซต์ FlashVortex.com หรือปุ่ม "อัปโหลด" บนหน้า Layoutcodez.net จากนั้นคัดลอกโค้ดที่แสดงในกล่องข้อความโดยอัตโนมัติ ด้วย MakeSweet ให้คลิกไอคอนฟิล์มบนการออกแบบของคุณ เลือกตัวเลือก "ฉบับร่าง" หรือ "ความละเอียดสูง" จากนั้นคลิกภาพดิสก์เมื่อปรากฏที่ด้านบนสุดเพื่อบันทึกไฟล์ไปยังเดสก์ท็อปของคอมพิวเตอร์ของคุณ

ขั้นตอนที่ 5

อัปโหลดไฟล์ GIF แบบเคลื่อนไหวของ MakeSweet ไปยังโฮสต์เว็บของคุณ (ถ้ามี) ไปยังโฟลเดอร์หรือไดเรกทอรีเดียวกันกับที่คุณเก็บไฟล์เว็บไซต์อื่นๆ ไว้ จดบันทึกตำแหน่งไฟล์ (เช่น "http://www.yoursite.com/flag.gif")

ขั้นตอนที่ 6

เปิดหน้าเว็บไซต์ที่คุณต้องการเพิ่มแฟล็กในโปรแกรมแก้ไขข้อความ และวางตำแหน่งเคอร์เซอร์ในพื้นที่ที่คุณต้องการให้กราฟิกปรากฏ วางโค้ดจากเว็บไซต์ FlashVortex.com หรือ Layoutcodez.net หากใช้ MakeSweet ให้ป้อน URL ไฟล์ของแฟล็กระหว่างเครื่องหมายคำพูดของโค้ดรูปภาพต่อไปนี้:

บันทึกงานของคุณ ธงเคลื่อนไหวของคุณจะแสดงบนหน้าเว็บไซต์แล้ว