ใน Exteen เราสามารถเพิ่ม link ที่เราสนใจลงในบลอคของเราได้ ซึ่ง link เหล่านั้น จะอยู่ตรงด้านข้างของ blog entry เราสามารถนำรูปภาพมาใช้เป็น link ได้ เพื่อเพิ่มความน่าสนใจใน link นั้นมากขึ้น โดยมีวิธีการดังนี้ค่ะ

1. หารูปที่จะนำมาใช้ทำเป็น link ก่อนค่ะ save รูปไว้ในเครื่อง จากนั้น upload ไปไว้ตามเวบที่รับฝากรูปหรือใน Exteen เองก็ได้ค่ะ โดยไปที่ Manage Blog --> Manage Files แล้วเลือกไฟล์รูปที่ต้องการ จากนั้นกด Upload ค่ะ

เลือกรูปแล้วกดปุ่ม Upload

2. เมื่อ Upload เสร็จแล้ว ไฟล์รูปที่เราเลือกจะอยู่ทางด้านซ้าย ให้คลิกที่ชื่อรูปที่เรา upload ขึ้นไปค่ะ จะมีหน้าต่างเล็ก ๆ ขึ้นมาแสดงรูปของเรา

3. คลิกขวาที่รูปแล้วเลือก properties ค่ะ จากนั้นให้ copy url ของรูปเก็บไว้ก่อนค่ะ

คลิกขวาที่รูป แล้วเลือก properties

 

Copy url ของรูปเก็บไว้

4. ต่อไปจะทำการเพิ่ม link แล้วนะคะ ไปที่ Preferences --> Link

5. ตรง Add New Link ในช่อง URL: ให้ใส่ url ของเวบที่เราจะให้ link ไปนะคะ ส่วนตรง Description ให้ใส่ดังนี้ค่ะ

<img src="[url ของรูป]" alt="[คำอธิบายรูป]" border="0">

ตัวอย่างเช่น ถ้าเจนเนสซ่าจะทำรูปที่ link มายังบลอคของเจนเนสซ่าเอง url คือ http://jennessa.exteen.com และ url ของรูปภาพคือ http://uc.exteenblog.com/jennessa/images/banner.jpg (จากตัวอย่างข้างบน) ดังนั้น

ในช่อง URL: จะใส่ว่า jennessa.exteen.com

ในช่อง Description: จะใส่ว่า <img src="http://uc.exteenblog.com/jennessa/images/banner.jpg" alt="Jennessa's Blog" border="0">

ดังรูปข้างล่างค่ะ

ใส่ URL และ Description

ข้อความตรง alt นั้น จะขึ้นมาเมื่อเราเอาเมาส์ไปชี้ค้างไว้ที่รูปค่ะจากนั้นกดปุ่ม ADD ได้เลยค่ะ

6. เสร็จแล้วค่ะ จากนั้นก็ลองดูที่หน้าบลอค จะมีรูปภาพอยู่ใต้เมนู Link เป็นอันเสร็จเรียบร้อยค่ะ

เป็นเพราะว่ารวมวิธีการ upload รูปขึ้นไปใน exteen ด้วย วิธีการก็เลยดูยาวหน่อยนะคะ แต่ถ้าใครที่มีรูปฝากไว้ที่เวบอื่นอยู่แล้ว ก็สามารถข้ามมาทำที่ข้อ 4 ได้เลยค่ะ ดูตัวอย่างผลงานจากเมนู Link ของบลอคนี้ได้เลยค่ะ เพื่อน ๆ คนไหนอยาก link มาหาเราโดยใช้รูปภาพ ก็สามารถ copy ภาพ banner อันนี้ไปใช้ได้เลยนะคะ (^ ^)V

 

**************************************

Comment

smilebig smileopen-mounthed smileconfused smilesad smileangry smiletonguequestionembarrassedsurprised smilewinkdouble winkcry
smilebig smileopen-mounthed smileconfused smilesad smileangry smiletonguequestionembarrassedsurprised smilewinkdouble winkcry

Tweet

เว็บบล็อกสวยนะ

#1 By od on 2008-09-25 02:13

ขอบคุณมากๆ นะคะ ^^
ตามหาวิธีทำอันนี้มานานละ หุหุ

#2 By AriazHirino on 2010-04-04 21:22

I would appreciate your Using images instead of text as a link work.

#3 By Creative Logos Gallery (110.37.54.111) on 2010-10-23 21:16