วันศุกร์ที่ 27 พฤศจิกายน พ.ศ. 2552

งาน blog ที่ 7 สร้าง link ในบทความ

งานเขียนบทความ เคยทำมาแล้ว
แทรกรูปภาพลงบทความ ก็ทำมาแล้ว
การนำรูปมาจาก web ต่าง ๆ ผ่าน ค่า URL มาใช้งาน ก็ทำมาแล้ว
link คืออะไร ก็รู้จักแล้ว

งานครั้งนี้
สมมุติว่า ท่านชอบบทความใน website หนึ่ง และต้องการเขียนบทความใน blog แนะนำ website ดังกล่าว
คราวนี้จะเขียนบทความแนะนำ website ที่มีบทความที่ท่านชอบ อาจเป็นอาหาร สถานที่เที่ยว บทความความรู้ etc...
โดย
ในบทความที่จะเขียนนี้จะมีรูปภาพที่นำมาจาก website ที่ชอบนี้ และที่รูป ผู้อ่านสามารถ click เพื่อพาไปยังบทความที่ชื่นชอบนั่น  และจะทำ link ผ่านข้อความ ให้ผู้อ่านสามารถ click ไปยัง website แสดงบทความนั่นด้วย

ตัวอย่างของผม ผมเขียนว่า

ผมชอบบทความหนึ่งใน website หนึ่งที่แนะนำ RAM รุ่นใหม่ที่เป็นแบบ DDR3 และในบทความอ้างว่าเป็น RAM ที่เร็วที่สุดในโลกในตอนนี้ ก็นำภาพมาให้ท่านดูด้วยด้านล่างนี้


ท่านที่สนใจจะอ่านบทความนี้ กรุณา click ที่รูปภาพ หรือจะ click ที่ ตรงนี้ ก็ได้ครับ

จบตัวอย่าง
ตัวอย่างข้างต้น ผู้อ่านสามารถ click ที่รูปภาพ (ทดลองเลย อย่าลืม click ที่ลูกกลิ้งนะ จะได้เปิดใน tab ใหม่) หรือ click ที่คำว่า "ตรงนี้" (ทดลองเลย) ก็จะพาไปยัง website ดังกล่าว

เริ่มสร้างกันเลย
1. หา website ที่มีบทความที่ท่านชอบ
2. เขียนบทความ แนะนำบทความที่ว่า แล้วใส่รูปภาพลงในบทความ (เคยทำมาแล้วนะ ใช้เครื่องมือชื่อ "แทรกรูปภาพ")
3. เมื่อได้ภาพที่แทรกลงไปแล้ว ให้ double click ที่ภาพ
จะเกิดเส้นสี่เหลี่ยมรอบรูปขึ้น (ที่เลข 1 ชี้) ซึ่งแสดงว่า รูปภาพถูกเลือกแล้ว ส่วนที่เลข 2 ชี้ ท่านสามารถกำหนดขนาดการแสดงภาพ และตำแหน่งการแสดงให้ ชิดซ้าย กิึ่งกลาง หรือ ชิดขวา ได้
4. เลือกเครื่องมือ "ลิงก์" ที่อยู่ด้านซ้ายมือของ ปุ่มเครื่องมือ "แทรกรูปภาพ" ก็จะพบ กรอบโต้ตอบ (dialog box) นี้

ก็นำค่า URL ของภาพใส่ลงไปในช่อง
"ลิงก์นี้ควรไปถึง URL ใด" ซะ (คล้ายกับที่ทำกับ ภาพดุ๊กดิ๊ก นั่นละ)
ก็จะทำเรื่อง ภาพที่มี link เสร็จไป 1 อย่างละ
5. คราวนี้ก็ถึงการใส่ link ลงไปที่ข้อความบ้าง อย่างตัวอย่างนั่น ทำ link ลงไปที่ คำว่า "ตรงนี้" ของประโยค click ที่ ตรงนี้ ก็ได้ครับ
6. ท่านก็ ป้ายสีคลุมคำว่า "ตรงนี้" หรือคำที่ท่านจะใช้สร้าง link นั่นละ แล้วทำเหมือนข้อ 4 อีกครั้ง (ครั้งแรก ทำกับรูปภาพ ครั้งนี้ทำกับ ข้อความ)
7. เสร็จอีกแล้วครับท่าน
ท่านได้เขียนบทความ ที่ในบทความมี link ไปยัง website ที่ท่านกำหนด โดยผู้อ่านสามารถไปยัง website ดังกล่าวได้ ผ่านการ click link ที่สร้างไว้ในรูปภาพ หรือ ผ่านข้อความ ก็ได้
ทำเสร็จแล้ว ต้องทำอะไรต่อ ... เหมือนเช่นเคยนะครับ

69 ความคิดเห็น:

  1. อาจารย์คะทำไม double click ที่ภาพแล้วไม่เป็นเหมือนที่อาจารย์บอกคะหนูทำไม่ได้คะแก้ไขยังไงคะ
    5202190099 เลขที่ป้าย 10 เซก 2

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

    งานที่ 7 เสร็จเรียบร้อยแล้วคะ
    5202190099 เลขที่ป้าย 10 เซก 2

    ตอบลบ
  3. งานชิ้นที่7 เสร็จแล้วค่ะ
    5202190778 sec.2 ป้าย.41 ค่ะ

    ตอบลบ
  4. งานชิ้นที่ 7

    ทำเสร็จแล้วค่ะ

    5202190389 sec.2 No.24

    ตอบลบ
  5. ทำงานที่ 7 เสร็จแล้วค่ะ

    5202190259 Sec.2 ป้าย 22ค่ะ

    ตอบลบ
  6. งานชิ้นที่ 7 เสร็จแล้วค่ะ 5202190211 s.2 ป้าย 19

    ตอบลบ
  7. งานชิ้นที่ 7 ทำเสร็จแล้วค่ะ
    5202190105 Sec.2 No.11

    ตอบลบ
  8. เสร็จแล้วค่ะ

    5202190570

    ป้าย 31 sec.1

    ตอบลบ
  9. งานที่ 7 เสร์จแล้วค่ะ ป้าย 11 5202190334
    sec.1

    ตอบลบ
  10. งานที่ 7 เสร์จแล้วค่ะ
    แต่เผยแพร่ 2 บทความ
    แก้ไขอย่างไงก็ไม่ได้ค่ะ
    ป้าย 12 5202190341
    sec.1

    ตอบลบ
  11. งานบล็อกที่ 7 ทำเสร็จแล้วค่ะ
    เลขป้าย 30 sce. 1
    5202190563

    ตอบลบ
  12. งานที่ 7 เสร็จแล้วค่ะ
    ป้ายที่ 4 sec. 2
    5202190013

    ตอบลบ
  13. อนิสรา เสร็จแล้วจ้าว
    5202190600
    no.28
    sec.2

    ตอบลบ
  14. ทำงานที่ 7 เสร็จแล้ว คราวนี้ตกอันดับจริงๆ ค่ะ
    อาจารย์ค่ะ ต้องทำบทความต่อจากอันเก่ารึเปล่าค่ะ
    5202190075 sec.2 No.8

    ตอบลบ
  15. แก้ไขเรียบร้อยแล้วคะ
    5202190099
    no.10
    sec.2

    ตอบลบ
  16. No.29 Sec.2 5202190617

    ทำงานชิ้นที่ 7 เสร็จแล้วค่ะ

    ตอบลบ
  17. ทำงานชิ้นที่ 7 เสร็จแล้วค่ะ
    ป้าย 32 sec. 2

    ตอบลบ
  18. ทำงานที่ 7 เสร็จแล้วค่ะ

    5202190174 Sec 2 เลขที่ 16

    ตอบลบ
  19. เพิ่มเติมบทความแล้วค่ะ
    5202190075 sec.2 No.8

    ตอบลบ
  20. เสร็จแล้วค่ะ ป้าย 33 SEC 1

    ตอบลบ
  21. งานชิ้นที่7 เสร็จแล้วค่ะ

    5202190044 sec 1 no.3

    ตอบลบ
  22. งานที่ 7 เสร็จแล้วค่ะ
    5202190228 sec.2 No.20

    ตอบลบ
  23. งานเสร็จเรียบร้อยแล้วครับ
    5202190266 Sec2 No.23

    ตอบลบ
  24. งานชิ้นที่ 7 เสร็จแล้วค่ะ
    sec.1 ป้ายที่ 14
    5202190365

    ตอบลบ
  25. งานชิ้นที่7 เสร็จแล้วค่ะ
    5202190693 sec.2 ป้าย.37 ค่ะ

    ตอบลบ
  26. งาน blog ที่ 7 ทำเสร็จเรียบร้อยแล้วค่ะ
    ป้าย 14 Sec.2 5202190143

    ตอบลบ
  27. งาน blog ที่ 7 ทำเสร็จเรียบร้อยแล้วค่ะ
    ป้าย 2 Sec.1 5202190020

    ตอบลบ
  28. งาน blog ที่ 7 ทำเสร็จแล้วค่ะ
    ป้าย 36 5202190686

    ตอบลบ
  29. งานขิ้นที่ 7 เสร็จแล้วค่ะ

    ป้าย 10 Sec 1 ค่ะ

    ตอบลบ
  30. งานชิ้นที่ 7 ทำเสร็จแล้วค่ะอาจารย์
    ป้าย 12 รหัส 5202190112
    Sec.2

    ตอบลบ
  31. ทำงานเสร็จแล้วค่ะ
    ป้ายที่ 4 Sec.1

    ตอบลบ
  32. แก้ไขเรียบร้อยแล้วค่ะ
    5202190693 ป้าย 37 sec.2

    ตอบลบ
  33. งานที่ 7 เสร็จเรียบร้อยแล้วคะ
    5202190303 เลขที่ป้าย 8
    Section 1

    ตอบลบ
  34. งานที่ 7 ทำเสร็จเรียบร้อยแล้วคะ
    รหัส 5202190310
    เลขที่ป้าย 9 Sec.1

    ตอบลบ
  35. งานที่ 7 ทำเสร็จเรียบร้อยแล้วคะ
    รหัส 5202190372
    เลขที่ป้าย 15 Sec.1

    ตอบลบ
  36. คุณ ning online งานไม่ถูกครับ ในบทความต้องมี link ไปยัง website ที่กำหนดไว้ ถูก link ผ่าน รูปภาพ และ ผ่านข้อความ หากยังไม่เข้าไป เข้ามาให้ผมอธิบายในห้อง lab เลยจะไวกว่านะ

    ตอบลบ
  37. งานชิ้นที่ 7 เสร็จแล้วครับ
    ป้ายหมายเลข 7 sec.1

    5202190297

    ตอบลบ
  38. อาจารย์!!
    เสร็จแล้วค่ะ เลขป้าย 29 sec.1

    ตอบลบ
  39. blog 7 เสร็จแล้วนะคะ
    5202190754 ป้าย 35 sec.1

    ตอบลบ
  40. แก่ไข แล้ว ค๊า....

    5202190228

    sec.2 No. 20

    ตอบลบ
  41. เสร็จแล้วค๊า...

    5202190235

    sec.2 No.21

    ตอบลบ
  42. งานชิ้นที่ 7 เสร้จแล้วค่ะ
    เลขที่ 19 Sec. 1

    ตอบลบ
  43. เสร็จแล้วค่ะ
    5202190501
    ป้าย 27
    ตอน 1ค่ะ

    ตอบลบ
  44. งานชิ้นที่ 7 เสร็จแร้วค่ะ..Sec.1 ป้าย 32

    ตอบลบ
  45. แก้แล้วคะอาจาย์ พอดีสองบทความที่ไม่มี link นั้นหนูทำไว้ให้เพื่อนอ่านคะ

    แต่งานที่อาจารย์ให้ทำ หนูเลือกเรื่องสถานที่ท่องเที่ยวคะ

    มี link และ คลิกที่รูปภาพคะ หนูก็เลยลบอันที่สร้างไว้ให้เพื่อนอ่านทิ้ง

    แล้วคะ ให้เหลือสองงานที่อาจารย์สั่งแล้วคะ จะได้ไม่งงคะ

    ตอบลบ
  46. งานเสร็จแล้วค่ะอาจารย์ ป้ายที่ 5 รหัส 5202190037
    sec.2 ค่ะ

    ตอบลบ
  47. งานชิ้นที่ 7 เสร็จแล้วค่ะ

    เลขที่ 16 sec.1

    ตอบลบ
  48. งาน blog ที่ 7 หนูได้เข้าไปแก้ไขรูปภาพแล้วค่ะ
    ครั้งแรกที่ทำรูปก็แสดงค่ะ แต่เมื่อเปิดดูอีกทีรูปก็ไม่มี
    แต่คราวนี้หนูทำเสร็จแล้วลองเข้าระบบเปิดดูใหม่มีรูปขึ้นแสดงแล้วค่ะ

    ตอบลบ
  49. งานที่ 7 เสร็จแล้วค่ะ

    หมายเลขป้าย 28

    รหัส 5202190518

    sec.1

    ตอบลบ
  50. ไม่ระบุชื่อ8 ธันวาคม 2552 เวลา 15:50

    งานที่ 7 เสร็จแล้วค่ะ

    หมายเลขป้าย 6

    รหัส 5202190051

    sec.2

    ตอบลบ
  51. แก้ไขงานที่ผิดพลาดเสร็จแล้วค่ะ ทำงานชิ้นที่ 7 เสร็จเหมือนกันค่ะ

    ตอบลบ
  52. แก้ใขงานที่ผิดพลาดเสร็จแล้วค่ะ

    5202190495

    ป้ายที่ 26 Sec 1

    ตอบลบ
  53. งานที่ 7 เสร็จแล้วค่ะ
    5202190747
    sec 2
    เลขที่ป้าย 40 ค่ะ

    ตอบลบ
  54. งานที่ 7 เสร็จแล้วค่ะอาจารย์

    5202190471 ป้าย 24

    Sec.1

    ตอบลบ
  55. งานชิ้นที่ 7 เสร็จแล้วค่ะ

    5202190358

    ป้าย 13

    ตอบลบ
  56. งานชิ้นที่ 7 เสร็จแล้วค่ะอาจารย์

    5202190419

    ป้าย 18

    ตอบลบ
  57. คราวนี้เสร็จสมบูรณ์ ..

    จริงๆ แล้วค่ะอาจารย์..

    แก้ไขเรียบร้อยแล้วค่ะ..
    5202190624 sec.2 n0.30

    ตอบลบ
  58. บล็อค 7 ทำแล้วนะครับ
    แม้จะเป็นคนสุดท้าย แต่ก็ทำด้วยใจนะครับ
    5202190181 sec 2 no.17

    ตอบลบ
  59. แก้ไข blog7 เรียบร้อยแล้วนะคะ
    5202190754 sec.1 ป้ายเลข 35

    ตอบลบ
  60. เรียบร้อยแล้วค่ะ sec 1 ป้ายเลขที่ 17

    ตอบลบ
  61. งานชิ้นที่ 7 เสร๊จแล้วค่ะ

    ป้ายที่ 20 sec.1 5202190433

    ตอบลบ
  62. ไม่ระบุชื่อ8 มกราคม 2553 เวลา 10:11

    5202190051 sec. 2 no.6 แก้ไขงานชิ้นที่ 7 เส็จแล้วค่ะ

    ตอบลบ
  63. เสร็จแล้วคับ
    5202190198
    ป้าย 18

    ตอบลบ
  64. แก้ไขแล้วค่ะ ป้ายเลขที่ 17 sec 1 ค่ะ

    ตอบลบ
  65. งานชิ้นที่7 เสร็จเรียบร้อยแล้วครับ

    5202190266 sec 2 No 23

    ตอบลบ