หลายๆ คนเคยเห็นนะที่ มีลิงค์ หลายๆ ลิงค์ ในรูปๆ เดียว เค้าทำกันได้ยังไง ตอนแนกเราก็งง และเราก็มาเอะใจว่า โฟโต้ชอปต้องทำได้สิ เพราะเราทำกรอบแจกบ่อยๆ จนเริ่มสงสัย และทำดู มันก็ได้จริงๆ ด้วยและ สิ่งสำคัญสุดๆ ในงานี้คือ โปรแกรม 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″> นะ
ตัวอย่างที่ทำเสร็จแล้วให้ไปดู ที่นี่ นะคะ ลงบล๊อกไม่ได้ไม่รู้ทำไม -*-
แมวดำ



(2 votes, average: 3.5 out of 5)


:em48: เป็นบทความที่ใช้เวลาเขียนยาวถึง 6 ชั่วโมงครึ่ง เหนื่อยนะ
ฉะนั้น ใครคิดจะก๊อปดิบ อย่าเชียว คนทำเหนื่อยตาย -*- ทำมาให้อ่าน ไม่ได้ทำมาให้ก๊อปกันหนุกหนาน
:em16: :em65: :em08: :em26: :em41: :em53: :em58: :em28: :em29:
เยี่ยมมากแมวดำ :em55:
:em22: กลับมาแล้วเหรอ อุซางิจัง :em54:
แวะมาเยี่ยมคุณแมวดำค่ะ อิอิ
เก่งจัง :em26:
ขอบคุงค้าบบ กำลังอยากรู้พอดีเลย :em47:
ขอบใจนะจ๊ะ เก่งจังเลย
:em66: โหเรื่องนี้เยี่ยมมากเลยคับ อยากรู้มานานเเล้วคับ ขอบคุนมากนะครับ
ขอบคุณมากเลยค่ะ มีสาระเสมอเลยนะคะ :em55:
-ขอบคุณมากมาย :em69:
อ๊ายยย…ทำได้แล้วค่ะ :em65:
นั่งทำอยู่ตั้งนานแหนะ
แต่ก็ทำเสร็จ ใช้ได้ด้วย อุอุ :em54:
ขอบคุณมากนะคะ ^^
ขอบคุณมากครับที่แบ่งปันความรู้
ขอบคุณมากมากครับ
ขอถามหน่อยนะคะ
คือว่าไอ้โค้ด_blank
นี่มันคืออะไรอ่ะ
ไม่ใส่ได้ป้ะ
ตอบด้วยนะ
แล้วตรงที่
พิมพ์ว่า”เปลียนเป็นยูอาร์แอลรูปที่ฝากไว้นะคะ”
มันยังไงกันอ่ะ
งง
แต่ก็พอเข้าใจนะ
ขอบใจละกัน
โค้ด _blank เป็นโค้ดที่ใส่ไว้ที่ลิงค์นั้นๆ เพื่อเวลาคลิกเปิดลิงค์ มันจะขึ้นหน้าต่างใหม่ จะเอาออกก้ได้ค่ะ แต่ว่าถ้าไม่มีโค้ดนี้เวลาคลิกที่ลิงค์ มันจะเปิดที่หน้าต่างเดิมค่ะ
เปลียนเป็น URL รูปที่ฝากไว้ หมายถึง เอา ลิงค์ (URL) รูปแต่ละส่วนที่ฝากไว้กับโฮสต์ฝากไฟล์ เช่น http://www.photobucket.com/ มาใส่แทนให้ชื่อตรงกับตัวอย่างหนะค่ะ
เช่น
ในตัวอย่าง มันมีแค่ images\MDbotton_02.gif
ก็ให้เปลี่ยนเป็นแบบนี้ http://www.meawdam.com/wp-uploads/photoshop/multilink/images/MDbotton_02.gif
ตามลิงค์รูปที่เราฝากไว้กับโฮส
ขอบคุณมากนะคะ
เข้าใจขึ้นมากเลย
คือว่าทำเส็ดแล้วอ่ะค่ะ
แต่พอเอาไปลงในไดอารี่
รูปมันไม่ขึ้นอ่ะค่ะ
ทำไมหรอคะ?
รูปไม่ขึ้นต้องเช็คที่ ลิงค์ (URL) รูปค่ะ ว่าใส่ถูกต้องหรือไม่
ขอบคุณค่ะ

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