ตัววิ่ง

บล็อกเปิดทำการเมื่อ 3 พฤษภาคม นักเรียนทุกท่านเรียนตามศักยภาพของแต่ละท่านครับ ใครช้า ใครเร็ว ยาก ง่าย เพียงแต่อย่าทอดทิ้งครับ

ผู้ติดตาม

วันจันทร์ที่ 24 พฤษภาคม พ.ศ. 2553

Assignment ที่ 6 ใส่ code นาฬิกา

นาฬิกาถือเป็นส่วนตกแต่ง blog มาตรฐาน ที่นิยมใช้ และจัดเป็น gadget แบบ Html code
http://www.csalim.com/imgs/logo.gifweb แนะนำได้แก่ www.csalim.com
ลงมือทำ
เปิด หน้าต่าง 2  บานนะครับ
บานนึงเป็น blog ของท่าน
อีกบานนึงแสดง บทความนี้จะได้อ่านแล้วทำตาม ที่หน้าต่างบานนี้เปิด new tab และใส่ URL เป็น www.csalim.com หรือจะ click ลูกกลิ้งที่ URL ที่ผมพิมพ์เพื่อเปิดเป็น tab ใหม่
ที่ www.csalim.com click ต่อที่ clock gallery
หน้าจอเป็น
*******************************************************************************************************************
http://lh3.ggpht.com/_FEN1UEKpykQ/S_ncQz7qEjI/AAAAAAAABcI/uBu5w1bW_O8/s800/1.png
 มีนาฬิกาให้เลือกกว่า 10 หน้า (ที่ pages 1, 2, 3, 4, 5, 6, 7, 8, 9, 10) หรืออาจจะมากกว่า
ผมเลือกจะใส่นาฬิการูปแมว ตัวแรกเลย
ด้านล่างรูปแมว click ที่ HTML CODE ครับ
หน้าจอเป็น
*******************************************************************************************************************
http://lh4.ggpht.com/_FEN1UEKpykQ/S_ncSFjSVzI/AAAAAAAABcM/3HllBN-SMRo/s640/2.png
ก็ได้ code มาแล้ว จัดการป้ายดำและ copy เลยครับ (control C)
สลับกลับไปที่หน้าต่าง blog ของท่าน
หน้าจอเป็น
*******************************************************************************************************************http://lh5.ggpht.com/_FEN1UEKpykQ/S_ncSTHWmAI/AAAAAAAABcQ/e2ZHYfevGXs/s912/3.png

* บนขวา click ปรับแต่ง
หน้าจอเป็น
*******************************************************************************************************************http://lh5.ggpht.com/_FEN1UEKpykQ/S_ncSrKB2VI/AAAAAAAABcU/XqJWQmCMj6g/4.png

* click เพิ่ม gadget
หน้าจอเป็น
*******************************************************************************************************************http://lh3.ggpht.com/_FEN1UEKpykQ/S_ncS3jGOjI/AAAAAAAABcY/En3qTtgZNSs/5.png
* click HTML/จาวาสคริปต์
หน้าจอเป็น
*******************************************************************************************************************http://lh6.ggpht.com/_FEN1UEKpykQ/S_ncXwVpKEI/AAAAAAAABcc/Nv7FMEiNXGI/6.png
ตั้งชื่อให้นาฬิกา จะปรากฎด้านบนของนาฬิกา ผมตั้งชื่อของผมว่า นาฬิกาของฉัน (สงวนสิทธิ์ห้ามใช้ซ้ำ)
ในเนื้อหา วาง code HTML ที่ copy มา (control V)
แล้ว click บันทึก

หน้าจอเป็น
*******************************************************************************************************************
 http://lh3.ggpht.com/_FEN1UEKpykQ/S_ncYfI4T1I/AAAAAAAABck/upGod-ZYEEY/s912/8.png1. พบกรอบสีส้มคลุม เพิ่มองค์ประกอบของหน้า บล็อก
2. มี gadget ชื่อ นาฬิกาของฉัน
3. แสดงว่าเสร็จแล้ว click ดูบล็อก ได้
หน้าจอเป็น
*******************************************************************************************************************http://lh6.ggpht.com/_FEN1UEKpykQ/S_ncYczHoDI/AAAAAAAABco/ZXTd1o9dBtA/9.png
นาฬิกามาแล้ว

ท่านยังสามารถหา นาฬิกาได้อีกมากมาย เพียงค้นหาใน google ด้วยคำว่า clock code หรือ นาฬิกา code หรือคำสำคัญที่เหมาะสมครับ
http://www.clocklink.com/  

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

  1. เสร็จแล้วครับ เป็นนาฬิกาใบไม้ Go Green ครับ

    ตอบลบ
  2. บ้ายนาฬิกามาแล้วค่ะ

    ตอบลบ
  3. ของเฟื่องหนีไม่พ้นน้องหมาค่ะ...

    ตอบลบ
  4. อ. ประภาพรครับ อาจารย์คงต้องทำการบ้านข้อนี้ใหม่ละครับ อย่างแรก มันไม่เกี่ยวกับการเขียนบทความนะครับ แต่เป็นการใส่ gadget ครับ
    ลองทำอีกรอบนะครับ slow but sure

    ตอบลบ
  5. ของครูกัลป์ กับเลขา เฟื่อง ได้นาฬิกามาจาก clocklink.com เก่งมากครับ
    เลขาเฟื่องคงพยายามหา รูปน้องหมา ที่ blog แนะนำอยู่นานและคงหาไม่เจอซิท่า

    ตอบลบ
  6. นู๋ต้อย ได้ดุ๊กดิ๊ก และนาฬิกากุ๊กกู เรียบร้อยแล้วค่าาาาาาา .....

    ตอบลบ
  7. วันนี้ตั้งใจมาก
    ทำได้เยอะแยะมากมาย
    ดีใจที่ใส่
    นาฬิกาได้+ดุ๊กดิ็กได้ด้วย

    ตอบลบ
  8. นาฬิกา อ.นที ดูแล้วดูอีก ก็บอกไม่ได้ว่ากี่โมง (hi-tech)

    ตอบลบ
  9. เลขาต้อย นาฬิกาก็แนวบ้าน ๆ (บ้านนก) ส่วนดุกดิก ก็ได้หลายตัว หนุกหนาน

    ตอบลบ
  10. คุณครูขา รูปนาฬิกาไม่มาค่ะ

    ตอบลบ
  11. ทำได้แล้ว พี่เอี๊ยดมาดูเร็ว อย่าลืมให้รางวัลในความพยายามของหนูนะ ตอนทำเสร็จเวลา oo:17 น. จริงๆเป็นเวลาอ่านนิยายนะค่ะ แต่อยากทำให้ไ้เพื่อหนูและพี่เอี๊ยด

    ตอบลบ
  12. นาฬิกาครู B มีทั้งแบบในบทความ และเป็น sidebar แสดงฝีมือแบบเทพเลย

    ตอบลบ
  13. อ.จุรี ที่ blog ของ อ. ก็เห็นนาฬิกาแล้วนะครับ เลือกตัวเรือนแบบแปลกสุด ๆ ครับ

    ตอบลบ
  14. ติดตั้งนาฬิกาเรียบร้อยค่ะ

    ตอบลบ
  15. นาฬิกา Night Time ของหนูมาแล้วนะค่ะ

    ตอบลบ
  16. ตามไปดูนาฬิกาของทั้ง นร. GeeGy และ Dr.Wiri แล้วครับ OK ครับ
    แล้วก็เหลือบไปเห็น static page ของทั้งสองด้วยครับ แต่ดูเหมือนว่าของ Dr.Wiri จะไม่ถูกนะครับ

    ตอบลบ
  17. ได้นาฬิกามาแล้วค่ะ

    ตอบลบ