วิธีทำลิงก์แบบรูปภาพง่ายๆ

สวัสดีค่ะ

พอดีมีคนหลังไมค์ไปถามวิธีทำลิงก์รูปภาพ

วางหน้าเว็บหลายคนค่ะ เลยขอใช้พื้นที่ แนะนำวิธีทำทีเดียวเลยนะคะ

ขั้นแรก ไปดูตัวอย่างที่ร้านเราก่อนค่ะ

จะเห็นแถบรูปภาพด้านซ้าย คลิกแล้วจะลิงก์ไปหน้าต่างๆ ได้

I LoVe SuE

วิธีทำ

1. ทำรูปก่อนค่ะ

หาโปรแกรมมาแต่งรูปที่จะทำลิงก์ก่อนค่ะ ไม่ต้องพิสดารมากก็ได้ค่ะ เราใช้ photoscape

ขนาดเราใช้กว้าง 300 px ค่ะ

ถ้าอยากจะให้ตัวอักษรมันกระพริบได้ ให้เพื่อนๆ ทำ 3 รูปค่ะ โดยใช้ภาพเดิม

แต่เปลี่ยนสีตัวอักษรคับ เวลาเซฟก็เซฟไว้ 3 รูป เช่น

ทีนี้เราต้องมาทำให้มันเป็นภาพเคลื่อนไหวค่ะ โดยใช้ Photoscape เหมือนเดิม

แต่ไปที่หัวข้อทำภาพเคลื่อนไหว จะได้ภาพแบบนี้

ขยับได้แระ โอเคป๊ะ?

2. เอารูปไปโหลดไว้หลังร้านก่อน

จะัเอารูปมาใช้ ต้องไปโหลดไว้หลังร้านค้าเราก่อนค่ะ โดยไปที่เว็บร้าน เรา เข้าไปที่หลังร้าน

แล้วไปที่อัลบั้มรูปภาพ โหลดมันไว้ก่อน

3. เอารูปมาใช้
โหลดแล้ว เอาลิงก์รูปจากหลังร้านมาใช้ค่ะ โดยไปคลิกรูปในอัลบั้มรูปที่เราโหลดมาแล้ว

มันจะขึ้นเป็นป๊อปอัพรูปเดี่ยวบนหน้าจอ จากนั้นคลิกขวา เลือก veiw page info

จากนั้น มันจะไปหน้า page info ให้คลิกที่ Media
แล้วเลื่อนจอมาที่ลิงก์อันล่างสุด มันจะเป็นภาพของเรา

4. ก๊อปปี้ลิงก์เอาไปแปะหน้าเว็บ

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

ออกจากหลังร้าน ไปที่หน้าร้านแล้วไปที่ ตกแต่งร้านค้า

ดูที่หน้าจอหลักข้างบน เลื่อนลงมาให้เจอช่องเว็บเพื่อนบ้านของร้านเรา

เอาเมาส์ไปคลิกเพื่อจะแก้ไขตรงช่องนั้น

พอคลิกแล้ว ดูแถบข้างล่าง จะเห็นแท็บตั้งค่า

ถ้าเพื่อนๆ เคยลงแบนเนอร์ หรือมีลิงก์เพื่อนบ้านเดิม จะมีข้อมูลแสดงอยู่

เราก็เพิ่มภาพของเราโดยวิธีเดียวกัน คือ คลิกที่ "เพิ่ม" ตรงมุมบนขวา

แล้วเอาลิงก์รูปที่เราก๊อปมาเมื่อกี๊ (ลืมไปยัง?) เอาไปใส่ช่องภาพ

แล้วบันทึกเอาไว้ก่อน ทีนี้ รูปเราก็จะอยู่ที่กรอบลิงก์เพื่อนบ้านแล้ว

5. ทำหน้ารายละเอียด

 
จากนั้น เราต้องมาทำหน้ารายละเอียด ที่จะให้แสดงเมื่อคลิกไป

โดยมี 2 วิธี คือ

- เขียนบทความ

- ตั้งกระทู้ที่เว็บบอร์ด

จะลงอะไร จะทำอะไร พิมพ์ไปเลย แล้วเอาลิงก์ไปใส่ในช่อง url ที่ว่างอยู่

ตอนเราใส่ลิงก์รูปตะกี๊

เสร็จแระ เห็นมั้ยจ๊ะ ง่ายออก

ลุยเลยจ้ัะ....