วิธีการทำลิงค์หลายๆ ลิงค์ ใน 1 รูป

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

วิธีทำแสนง่าย

1. ให้เปิดรูปที่จะเอามาทำลิงค์ และตกแต่งเรียบร้อยแล้วนะคะ

2. ใช้เครื่องมือ (Slice Tool)  แบ่งเป็นส่วนๆ ตามแต่ว่าจะใส่กี่ลิงค์ แบ่งให้ตรงที่จะใส่ลิงค์เป็นสี่เหลี่ยมๆ

3. แต่ละส่วนที่จะใส่ลิงค์ ให้คลิกขวา >> Edit Slice Option.. ต้องแน่ใจว่ายังอยู่ที่เครื่องมือ (Slice Tool) นะคะ

4. ใส่รายละเอียดดังนี้

*สำหรับโค้ด _blank ไม่มีผลกับสเปซนะคะ ถ้าในสเปซให้กด shift ที่แป้นพิมพ์ แล้วคลิกเพื่อให้เปิดหน้าต่างใหม่นะคะ* ตอนนี้โค้ด _blank สามารถใช้ในสเปซได้แล้วจ้ะ

5. เมื่อแบ่งแล้ว ใส่รายละเอียดแล้วให้คลิก File >> save for web >> save

6. ให้เลือกเซฟเป็น HTML and Images (*.html) นะคะ

จำไว้ด้วยนะคะว่าไปเก็บไว้ที่ไหน

7. ไปที่ๆ เราเซฟภาพไว้เมื่อกี๊ มันจะมีโฟลเดอร์ image และไฟล์ HTML อยู่

8. ให้เอารูปที่เราแบ่งส่วนไว้เมื่อกี๊ ไปฝาก ไว้ที่เว็บฝากรูป

(อย่างเช่นของแมวดำ แบ่งเป็น 3 ส่วน ก็จะมี 3 รูป)

9. ส่วนไฟล์ HTML เมื่อกี๊ ให้คลิกขวา Open with >> notepad (ใครมีโปรแกรมดรีม ก็เปิดกับดรีมได้เลย)

7. ตรงโค้ด img นะคะ ให้ใส่ URL ที่เราไปฝากรูปเมื่อกี๊

แล้วก๊อบปี้โค้ดตั้งแต่ table ถึง /table ไปวางไว้ในสเปซ ไดอารี่ หรือบล๊อก ก็ได้ค่ะ ถ้าจะให้อยู่ตรงกลาง ให้ใส่โค้ด align=”center” ตรง table แถวแรก หน้า border=”0″> นะ

ตัวอย่างที่ทำเสร็จแล้วให้ไปดู ที่นี่ นะคะ ลงบล๊อกไม่ได้ไม่รู้ทำไม -*-

แมวดำ



1 Star2 Stars3 Stars4 Stars5 Stars (2 votes, average: 3.5 out of 5)
Loading ... Loading ...

18 Responses to “วิธีการทำลิงค์หลายๆ ลิงค์ ใน 1 รูป”


  1. 1 meawdam Jan 2nd, 2007 at 22:32

    :em48: เป็นบทความที่ใช้เวลาเขียนยาวถึง 6 ชั่วโมงครึ่ง เหนื่อยนะ

    ฉะนั้น ใครคิดจะก๊อปดิบ อย่าเชียว คนทำเหนื่อยตาย -*- ทำมาให้อ่าน ไม่ได้ทำมาให้ก๊อปกันหนุกหนาน

    :em16: :em65: :em08: :em26: :em41: :em53: :em58: :em28: :em29:

  2. 2 อุซางิ Jan 2nd, 2007 at 23:33

    เยี่ยมมากแมวดำ :em55:

  3. 3 meawdam Jan 3rd, 2007 at 11:24

    :em22: กลับมาแล้วเหรอ อุซางิจัง :em54:

  4. 4 kumjangtae Jan 3rd, 2007 at 15:25

    แวะมาเยี่ยมคุณแมวดำค่ะ อิอิ
    เก่งจัง :em26:

  5. 5 ~=Fuelzone=~ Jan 3rd, 2007 at 21:25

    ขอบคุงค้าบบ กำลังอยากรู้พอดีเลย :em47:

  6. 6 ~Kap~ Jan 7th, 2007 at 12:36

    ขอบใจนะจ๊ะ เก่งจังเลย

  7. 7 underoath Jan 26th, 2007 at 03:40

    :em66: โหเรื่องนี้เยี่ยมมากเลยคับ อยากรู้มานานเเล้วคับ ขอบคุนมากนะครับ

  8. 8 MUAY Feb 28th, 2007 at 19:48

    ขอบคุณมากเลยค่ะ มีสาระเสมอเลยนะคะ :em55:

  9. 9 max Mar 25th, 2007 at 12:45

    -ขอบคุณมากมาย :em69:

  10. 10 Tuktik Sep 20th, 2007 at 15:10

    อ๊ายยย…ทำได้แล้วค่ะ :em65:

    นั่งทำอยู่ตั้งนานแหนะ
    แต่ก็ทำเสร็จ ใช้ได้ด้วย อุอุ :em54:

    ขอบคุณมากนะคะ ^^

  11. 11 ลุงปีเตอร์ Sep 22nd, 2007 at 21:37

    ขอบคุณมากครับที่แบ่งปันความรู้

  12. 12 alcohol_ic Oct 25th, 2007 at 16:34

    ขอบคุณมากมากครับ

  13. 13 alonnnnZA Apr 23rd, 2008 at 15:03

    ขอถามหน่อยนะคะ
    คือว่าไอ้โค้ด_blank
    นี่มันคืออะไรอ่ะ
    ไม่ใส่ได้ป้ะ
    ตอบด้วยนะ
    แล้วตรงที่
    พิมพ์ว่า”เปลียนเป็นยูอาร์แอลรูปที่ฝากไว้นะคะ”
    มันยังไงกันอ่ะ
    งง
    แต่ก็พอเข้าใจนะ
    ขอบใจละกัน

  14. 14 MeawDam Apr 23rd, 2008 at 16:25

    โค้ด _blank เป็นโค้ดที่ใส่ไว้ที่ลิงค์นั้นๆ เพื่อเวลาคลิกเปิดลิงค์ มันจะขึ้นหน้าต่างใหม่ จะเอาออกก้ได้ค่ะ แต่ว่าถ้าไม่มีโค้ดนี้เวลาคลิกที่ลิงค์ มันจะเปิดที่หน้าต่างเดิมค่ะ

    เปลียนเป็น URL รูปที่ฝากไว้ หมายถึง เอา ลิงค์ (URL) รูปแต่ละส่วนที่ฝากไว้กับโฮสต์ฝากไฟล์ เช่น http://www.photobucket.com/ มาใส่แทนให้ชื่อตรงกับตัวอย่างหนะค่ะ

    เช่น
    ในตัวอย่าง มันมีแค่ images\MDbotton_02.gif
    ก็ให้เปลี่ยนเป็นแบบนี้ http://www.meawdam.com/wp-uploads/photoshop/multilink/images/MDbotton_02.gif

    ตามลิงค์รูปที่เราฝากไว้กับโฮส

  15. 15 alonnnnZA Apr 24th, 2008 at 14:44

    ขอบคุณมากนะคะ
    เข้าใจขึ้นมากเลย

  16. 16 alonnnnZA Apr 24th, 2008 at 15:03

    คือว่าทำเส็ดแล้วอ่ะค่ะ
    แต่พอเอาไปลงในไดอารี่
    รูปมันไม่ขึ้นอ่ะค่ะ
    ทำไมหรอคะ?

  17. 17 MeawDam Apr 24th, 2008 at 15:10

    รูปไม่ขึ้นต้องเช็คที่ ลิงค์ (URL) รูปค่ะ ว่าใส่ถูกต้องหรือไม่

  18. 18 alonnnnZA Apr 25th, 2008 at 00:36

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

Comments are currently closed.

Google
แมวดำ: Windows Live

มีเว็บไซต์ของตัวเอง?
สร้างรายได้จากโฆษณา
Access Meawdam via Mobile

ค้างคาวกินกล้วย