ขับเคลื่อนโดย Blogger.

แปลงร่างเวบบล็อกให้คล้ายเวบไซต์ด้วย Gadget หน้าเวบ

Written By Aucharaporn Theemcle on วันอังคารที่ 29 มีนาคม พ.ศ. 2554 | 23:49

 

แปลงร่างเวบบล็อกให้คล้ายเวบไซต์ด้วย gadget หน้าเวบ

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

วันนี้มาชวนแปลงหน้าเวบบล็อกของเราให้คล้าย ๆ เวบไซต์  คือมีหน้าเวบหลาย ๆ หน้า เราสามารถนำเสนอได้หลากหลายขึ้น  พอดัดแปลงเข้าสักหน่อย เวบบล็อกเล็ก ๆ ของเราก็มีหน้าตาเป็นเวบไซต์ดูไฮโซขึ้นอีกนิด    อย่าหาว่าโม้ เรื่องแบบนี้นำเสนอแค่วิธีการ ปรับแต่งให้ดูดีอย่างไรขึ้นกับเพื่อน ๆ นะคะ  เอาหล่ะเข้าเรื่องดีกว่า เริ่มเลยนะคะ

1. Login เข้าบล็อกเกอร์ ไปยังเวบบล็อกที่เราต้องการแก้ไข  คลิ๊กไปที่เมนูการส่งบทความ> แก้ไขหน้าเวบ  

แปลงร่างเวบบล็อกให้คล้ายเวบไซต์ด้วย gadget หน้าเวบ

คลิ๊กเลือกสร้างหน้าเวบใหม่

แปลงร่างเวบบล็อกให้คล้ายเวบไซต์ด้วย gadget หน้าเวบ

2.  เพิ่มเติมรายละเอียดของหน้าเวบที่เราต้องการนำเสนอ   ดิฉันยกตัวอย่างเป็นหน้า About Me  แล้วก็ใส่รายละเอียดเพิ่มเติมตามชอบใจ   จะสร้างสักกี่หน้าก็แล้วแต่ต้องการ   เมื่อเสร็จแล้วคลิ๊กเลือก เผยแพร่หน้าเวบได้เลยค่ะ

แปลงร่างเวบบล็อกให้คล้ายเวบไซต์ด้วย gadget หน้าเวบ 

3. ขั้นตอนถัดมา  มาเพิ่ม Gadget หน้าเวบกันค่ะ  โดยไปที่เมนู การออกแบบ> องค์ประกอบหน้า >เพิ่ม Gadget

แปลงร่างเวบบล็อกให้คล้ายเวบไซต์ด้วย gadget หน้าเวบ

จะปรากฏหน้าต่างขึ้นมาดังรูป  เลือกคลิ๊กเพิ่มหน้าเวบจากเมนู Gadget พื้นฐาน

แปลงร่างเวบบล็อกให้คล้ายเวบไซต์ด้วย gadget หน้าเวบ

4. จะปรากฏ รายชื่อหน้าเวบที่เราสร้างขึ้นมาด้วย   หลังจากนั้นกำหนดค่ารายการหน้าเวบ    จะเรียงลำดับหน้าเวบก็แค่ลากและวาง  เมื่อจัดการหน้าเวบเรียบร้อยก็บันทึกได้ค่ะ หลังจากนั้นลองดูเวบบล็อกดูนะคะ

แปลงร่างเวบบล็อกให้คล้ายเวบไซต์ด้วย gadget หน้าเวบ

ตัวอย่างการเพิ่มหน้าเวบที่ Knowmoretwitter ค่ะ

แปลงร่างเวบบล็อกให้คล้ายเวบไซต์ด้วย gadget หน้าเวบ

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

เรียบร้อยแล้วค่ะนี่คือวิธีการเพิ่มหน้าเวบให้กับบล็อก  ปรับแต่งไปมาเวบบล็อกก็คล้ายกับเวบไซต์เข้าไปทุกที    ถามว่าทำไมไม่เพิ่มที่ชวนเพื่อนเขียนบล็อกบ้าง  ขอบอกว่ายังไม่รู้จะเพิ่มอะไรค่ะ   ยังตื้ออยู่เลย   คงต้องแอบไปแว้บดู Idea ของเพื่อนคนอื่น ๆ ค่อยเอามาเพิ่มดีกว่า  วันนี้ bye จ้า

23:49 | 52 comments | Read More

โชว์เอกสาร google doc บน เวบบล็อก|blogspot

Written By Aucharaporn Theemcle on วันศุกร์ที่ 4 มีนาคม พ.ศ. 2554 | 07:47

ช่วงนี้ได้สร้าง Google site ผ่านทางการเชื่อมโยงระหว่าง Office และ Google site และ Google doc  เลยย้อนนึกถึงความสำคัญของ Google doc  บนเวบบล็อกอีกครั้ง  ทั้ง ๆที่เคยเขียนถึงแบบสอบถามออนไลน์ด้วยการใช้ Google doc แต่ไม่ยักกะเขียนถึงการนำเอกสารใน Google doc มาโชว์  แต่ข้ามไปถึงฝากไฟล์เอกสารที่ scribd ซะเลย  คนเขียนสับสนไปนิ๊ด  …นึกเรื่องไหนขึ้นมาได้ ก็เขียนเอาตอนนั้น มองให้เห็นซะว่าเป็นเอกลักษณ์ความเบ๊อะ  ของ MeesubandMeesuk ก็แล้วกันนะค่ะ

 โชว์เอกสาร google doc บนเวบบล็อก blogspot

  

Google doc เป็นบริการฟรีของ google โดยให้บริการ  office application ไว้สร้างเอกสารออนไลน์พร้อมแชร์ได้ง่าย ไม่ว่าจะเป็น ไฟล์เอกสาร ไฟล์สเปรดเชีด ,พาวเวอร์พอยท์ หรือแม้แต่การวาดภาพ   หากมี Google doc พร้อมด้วย เน็ตเร็วสักนิด โปรแกรม office  ต่าง ๆ หล่ะก็ไม่ต้องถามถึงเลยค่ะ 

โชว์เอกสาร google doc บนเวบบล็อก blogspotปัจจุบันเราสามารถสร้างไฟล์งานเชื่อมโยงกันระหว่าง Google doc และ microsoft office ด้วย  กล่าวคือเราสามารถสร้างงาน Google doc ผ่านทาง microsoft office ได้เลย เช่น งานเอกสาร doc เราก็สามารถพิมพ์ผ่าน microsoft word ในเครื่องคอมผ่านได้เลย  ดิฉันเองปัจจุบันกำลังปรับแต่ง Google site ก็ใช้วิธีนี้สร้าง site เช่นกันค่ะ  หรือใครยังชอบใจการอัพโหลดไฟล์ฝากไว้ที่ Google doc หล่ะก็อย่าลืม ตัวช่วยอัพโหลด fireuploader ซะหล่ะ

 โชว์เอกสาร google doc บนเวบบล็อก blogspot

วันนี้คงไม่พาเริ่มต้นสร้างเอกสาร Google doc  แต่จะขอแนะนำวิธีการเอาไฟล์เอกสารออนไลน์จาก Google doc มาวางโชว์ในหน้าเวบบล็อกของเรานะคะ

โชว์เอกสาร google doc บนเวบบล็อก blogspot

หลังจากสร้างหรือแก้ไขเอกสารใน Google doc เสร็จเรียบร้อย ให้สังเกตมุมขวามือบนสุดจะมีเมนู แบ่งปัน  ให้เพื่อน ๆ เลือกเมนู เผยแพร่ทางเวบ

โชว์เอกสาร google doc บนเวบบล็อก blogspot

หลังจากนั้นจะปรากฏหน้าต่างบอก code สำหรับฝังในเวบบล็อก  ให้เลือก copy code ในกล่อง ฝังโค้ดมาวางในเวบบล็อก  โดยเพิ่มขนาดความกว้างและความยาวของเอกสารที่ต้องการโชว์เพิ่มเติมลงไปดัง code ด้านล่างนี้

<iframe style="width: 552px; height: 337px; ”width: -500px" src="https://docs.google.com/document/pub?id=1JpUHvHvH53tMqziMrlHeAE_0dI13LhSYXtXxaMv3MWA&amp;embedded=true"></iframe>

 

 

เรียบร้อยแล้วจ๊ะ  นี่ก็เป็นทางเลือกอีกทางหนึ่งสำหรับการปรับแต่งเวบบล็อกของเรานะคะ ชวนเพื่อนเขียนบล็อก

07:47 | 3 comments | Read More