19 กันยายน, 2550

แต่ง Blog สวย ..ด้วยนาฬิกาสุดเท่!

วันนี้ มีของเล่น (ที่ใช้ได้จริงๆ และฟรีด้วย) เข้าท่าๆ มาฝากครับ เป็นนาฬิกาสวยๆ เก๋ๆ และเท่ๆ ใช้สำหรับตกแต่ง Blog ให้ผู้เยี่ยมชม เราจะได้ไม่ต้องละทิ้งสายตาไปจาก Blog เรา(เวลาจะดูเวลาขึ้นมา) ไงครับ ทั้งดูดี และใช้ประโยชน์ได้ เช่นนี้ จะไม่ลองเอาติด Blog ของเราบ้างเหรอครับ

เข้าสู่เว็บไซต์ โดยพิมพ์ URL : http://www.clocklink.com ที่ Address Bar หรือจะคลิกจากลิงค์ตรงนี้ก็ได้ ครับ ...เมื่อเข้าสู่เว็บไซต์แล้ว หน้าตาก็จะเป็นแบบนี้ครับ


จะมีนาฬิกาแบบใหม่ล่าสุด แสดงให้เราดูเป็นตัวอย่างอยู่ด้านล่าง Newest Clock ครับ ก่อนอื่นเข้าไปดูหน้าตานาฬิกา แบบต่างๆ ก่อน

1. คลิกที่แท็ป Gallery ครับ

เมื่อคลิกเข้าไปแล้ว ที่เราเห็นนั่นคือ แบบใหม่ล่าสุด ครับ และก็มีแบบอื่นๆ อีก ทั้งแบบ อนาล็อก(แบบเข็ม) และดิจิตอล(แบบตัวเลข) ตามรายชื่อต่อไปนี้ ...เลือกคลิกดูได้ครับ (ไม่เอา ไม่ว่า ไม่คิดตังค์)

  • Newest Analog
  • Animal
  • Animation
  • Count Down & Up
  • Dark Backgrounds
  • Digital
  • Holidays
  • Logo & Custom
  • Seasons
  • Sports

นี่เป็นรูป ตัวอย่างนาฬิกา แบบต่างๆ ที่มีให้เราเลือกครับ ...มีมากมายหลายแบบ เลือกดูได้ตามใจชอบ (นาฬิกาเคาน์ดาวน์ โอลิมปิกที่ปักกิ่ง ก็มีครับ)

2. จากนั้น เมื่อเลือกรูปแบบที่ต้องการได้แล้ว คลิกที่ View HTML tag
จะเปิดหน้าต่าง เงื่อนไขการใช้งาน (อ่านซัก 1 นาที) ..และคลิกปุ่ม Accept เพื่อยอมรับ

3.จากนั้นจะเปิดหน้าต่าง ClockLink HTML Tag Generator ให้เราคลิกเลือก Timezone: เลือก ICT: Bangkok Time(GMT +07:00) จากนั้น...
4. เอาเมาส์คลิก ภายในพื้นที่แสดงโค๊ด แล้วกดปุ่ม Ctrl+A เพื่อเลือกโค๊ด และกดปุ่ม Ctrl+C เพื่อคัดลอก (เค้าบอกว่า ถ้าโค๊ดอันบนไม่เวิร์ค ให้เลือกอันล่างแทน ครับ)
5.เมื่อได้โค๊ดมาแล้ว ให้นำไปวางในโปรแกรม Notepad ก่อน กันเหนียว (หรือ ไม่ต้องก็ได้)
6. จากนั้น Login เข้า Blogger หรือ Blog ที่เราสมัครใช้บริการ

7. เมื่อ Login เข้ามาในหน้า Dashboard แล้ว ...คลิกที่ Layout(รูปแบบ) ใน Blog ของเรา

8. คลิกที่ เมนู Add a Page Element (เพิ่มองค์ประกอบของหน้า)

ในหัวข้อ HTML/JavaScript (HTML/จาวาสคริปต์) คลิก
Add To Blog (เพิ่มในบล็อก)
9. หน้าต่าง Configure HTML/JavaScript (ตั้งค่า HTML/JavaScript) จะเปิดขึ้นมา วางโค๊ดที่เราคัดลอกมาลงไปในช่อง Content (เนื้อหา) และคลิกที่ปุ่ม SAVE CHANGES (บันทึกการเปลี่ยนแปลง) ครับ

10. เมื่อเสร็จแล้ว จะกลับมาหน้า Template (เทมเพลต) เดิม
ลองดูตัวอย่างว่า นาฬิกา ที่เราเพิ่มลงไปจะ เข้าท่า สวย เท่ เก๋ระเบิดขนาดไหน คลิก Preview (ดูตัวอย่าง)ครับ


ก็จะได้ประมาณรูปนี้เลยครับ

ปล. บางท่านอาจทราบ และใช้อยู่แล้ว ก็ไม่เป็นไรครับ ..แต่สำหรับคนที่ยังไม่เคยทำ ไม่เคยลอง น่าจะเป็นประโยชน์มิมากก็น้อยหนะครับ

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

  1. ขอบคุณมากครับผม ได้เทคนิคใหม่ๆขึ้นมาอีกเยอะเลยครับ

    ตอบลบ
  2. ไม่ระบุชื่อ18 มิถุนายน 2551 07:58

    thk..

    ตอบลบ
  3. ขอบคุณมากๆ นะคะ ขอ add ไว้ที่ ลิงค์ นะคะ

    ตอบลบ
  4. ขอคุณมากค่ะสำหรับความรู้ดีแบบนี้

    ตอบลบ
  5. ขอบคุณมากค่ะ

    ตอบลบ
  6. ขอบคุณมากครับที่ให้ความรู้

    ตอบลบ
  7. ลดแรงแซงทางโค้ง นาฬิกาคุณภาพดี ที่คุณไม่ควรพลาด เช็คราคาก่อนใครได้ที่นี่

    ตอบลบ

คิดอย่างไรกับเรื่องนี้ ...เชิญบ่น ติ-ชม ได้ครับ!

Related Posts by LinkWithin

Related Posts with Thumbnails