ตัววิ่ง

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

ผู้ติดตาม

วันพฤหัสบดีที่ 27 พฤษภาคม พ.ศ. 2553

อุ๊ยตาย ว๊ายกรี๋ด มี template เริ่ด เชิด สวยแบบนี้ด้วย

ตามคำร้องขอของนักเรียน ผึ้ง ที่อยากได้ template สวย ๆ กว่าที่เคยทำใน assignment ก่อนหน้า
เริ่มกันเลยครับ
หน้า web ที่ท่านควรมีในขณะนี้
tab ที่ 1 เปิด gmail และ sign in ซะ
tab ที่ 2 เปิด payapblog.blogspot.com และกำลังอ่านบทความนี้อยู่
tab ที่ 3 เข้า draft.blogger.com (ทำหลังจากที่ทำ tab 1 เสร็จแล้ว) ตอนนี้อยู่ที่แผงควบคุมของ blogger แล้ว
จอภาพเป็น


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhogIWlqmFU2JZZL_CnENYS7YmoPFKeHG2VLmgM9-e9DU29LXyLMD_Ka737OTe09gS5MflyRcjkkQIYGSl_MTfAQ7OnWWjvhxZA0tv19ZnvB1muPbdMfRavzH8SisbQQY_lPXZLVjPADgs/
แน่ใจว่า ที่เลข 1 ช่อง ทำให้ blogger ในแบบร่าง เป็นแผงควบคุมเริ่มต้นของฉัน ถูก เช็ค เครื่องหมายแล้ว
ที่เลข 2 เลือกทำกับ blog ที่ท่านจะเปลี่ยนไปใช้ template ใหม่ ในภาพ ผมเลือก blog กระปุกรักบ้านบัญชี
ใช้ mouse ชี้ ที่ การออกแบบ และ click ลูกกลิ้งครับ
tab ที่ 4 ถูกเปิดแล้ว click ที่ tab ที่ 4 เลยครับ
และที่ tab ที่ 4 เอา mouse ชี้ที่ชื่อแถบแล้ว click ขวา เพื่อเปิดเป็นหน้าต่างใหม่
จอภาพเป็น
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnJ0EV1N3pDwOdFatFx2meF0bm4RJiOVsdvBrU9g-UBV2j0LZzU-KIC0_jcKvCw2880JovKsJuyk2ATKx-j5BPbe_1hB5_GIDGudJVBjEXIf6gxdEem2ctiUdOIYkl0aTBdAgj3N2dFgw/s912/2.jpg
หน้าการออกแบบใหม่

จากเดิมเมื่อครั้งที่เราเปลี่ยน template เราเข้ามาตรงนี้และ เราเห็นเฉพาะ เลข 1 นี่นา เลือกแม่แบบใหม่
มาคราวนี้เราเห็น เลข 2 แล้ว เครื่องมือออกแบบแม่แบบ
click ที่ 2 ครับ click ปกตินะครับ
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6TJUIzh7z_3-o-LE-XOm5TLhRdqV6GYvazcu3RdTi4Y_cFiCOFvTI99tI_PDLf1lj41GrzIHR4jHIUgdaye3Ktx6Ef2loYnYA7zUd7kQ03BcHwGakvqxienyc9zRNmex6zsjwOxdcQak/s912/3.jpg บนซ้ายมี แม่แบบ พื้นหลัง รูปแบบ และ ชั้นสูง
ขณะนี้เราอยู่ที่แม่แบบ
ทางขวามือ ที่เลข 1 ชี้มีแม่แบบให้เลือก 4 แบบ ทดลอง click ที่ละอันจากซ้ายสุด (simple) ไปทีละช่อง picture window ...แล้วดูผลในพื้นที่เลข 2 ซึ่งเป็นหน้า blog ของเรา ว่าเปลี่ยนแปลงอย่างไร ค่อย ๆ click ค่อย ๆ ดูนะครับ
(อย่าอ้าปากค้างซิครับ)
ต่อไป click ที่ พื้นหลัง (บนซ้ายครับ ต่อจากแม่แบบ)
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2lLvrIMWh_iEkNMlIVg5YOX06w0MmZ2X99qZ9YYhvsR4Aga25YWYDCuYHdQNqI92jB5yarc3PlWnVKGdfd6CeLI2HiqENsyIJC4EmSAydzSI1PjdzLP7f4lGvFJd_w0WTD8cuU78NOYw/s912/4.jpg
ให้ click ที่เลข 2 มี drop down กำกับอยู่ครับ (ของท่านจะไม่เหมือนภาพตัวอย่าง )
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFmH-aKbQbR0ASx528OsAQ3TIkAGJHV_jRC4mNIKQSQyEKOtL4gMO865SZDsJy5zfblKBcDQzjWiyfLERZh85n4A7kdCKd836gjtR9h41RpUeJbkFvh8Iy6GoR1qhYfQ8L4TMFCF0C0jM/
ตรงนี้เป็นการใส่ภาพหลังให้กับ blog มีภาพแบ่งเป็นกลุ่ม ๆ เช่น นามธรรม, ศิลปะ, ธุรกิจ, การเฉลิมฉลอง ...
ในแต่ละกลุ่มก็มีภาพตัวอย่างให้เลือก ละลานตา (ยังไม่ยอมหยุดอ้าปากค้างอีก)
http://herrickreport.com/images/hillary.open.mouth.jpghttp://thumbs.dreamstime.com/thumb_115/1169501473psO9DN.jpg
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBYf2JEcyXNwy8M5DsGBhh8Ms_Yj50pF1TgOu5MEIQGIGn85w86j_TiSI4Sjof2jxI9tlkI6odk2Yjuf38jDQMPkIl1yN_nYX_lJnP1TCD3-smSSRww6jdXyp1MkMIj6Mz9DcuUZ4uAw/s320/Hillary+Wide+Eye+hillary+clinton.jpg ดีขึ้น
ก็ click เลือกซะอันนึง
ไปต่อที่รูปแบบ
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCVOdMVD6-2l7T_m_HqTWspl74KMFWSsA-KdqNn87QeclJu9-kX0A0fEq7kb4N0M5vkDVNWOIVj1Pd1stQiE1A0Id0gMVA-vBwZmNsMZ-mG_4mehbLmcaw8247yT8HcV1ww3wYcvnVZjI/s912/6.jpg

ก็มี คำสั่งย่อยอีก 3 คำสั่งได้แก่ การออกแบบเนื้อความ ซึ่งเราสามารถกำหนดให้ blog เป็นแบบ 1 คอลัมน์ไม่มี sidebar หรือแบบอื่น ๆ อีกรวม 8 แบบให้เลือก
ท่านยังออกแบบส่วนท้ายได้
ปรับความกว้าง ได้ อันนี้น่าสนใจ
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh95uWsuaGI8B2dLgcjndBMwb5rAnFqiU15PUN2Y6dsSbryTVboOpeijJ3ZXsvo5NoUaEl8lp1Ft8fGLbEoIgAQ8jwSYMGz704uFRcDWqbO5CGhit2gcBB92y10oHv15VvT7LsE7vtoqYc/s912/7.jpg
ก็ใช้ขยายตัว blog เอง และตัว side bar
ที่เมนูสุดท้าย ชั้นสูง
ก็กำหนดส่วนประกอบต่าง ๆ ของ blog

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfuljm6T1GrQxaIoMRD5sOvHg_Ebhe08GGr4r-KHR9QBSgmTMJT3nXI1Wi5fcLoosZbE0i9BuKIjTdKcsyrIaYWK0SmliZLyjqQPEMG13mz0ERJVqWVBZIepkSpI2YBI7w7Y2LKD-9WD8/
เช่น ชื่อบล๊อกจะใช้ font ขนาดเท่าไหร่ สีอะไร
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKtwjn0xrIJGTaoWcEwdbrw3Cz8IO9gDRU6L2sndG4UYbRjM6CESYBPchhz6TrL5ba1_YlpdZA-eAyhVTjDa9W38bLlNX0-w0EcZywO8cfQBTf4Q1BOIEZv0Wbn08ubfFEha_Gbv2EfOM/s912/9.jpg ก็ลองผิดลองถูกดูนะครับ
เมื่อได้ทุกอย่าง สมใจนึกแล้วก็
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikjtZN8yreUre-C1S_0QtR0XgJ-YKXi5XPmhXSRYwmafnUYh235cFqlFn66jOCcly_8Lqq5ysNDGyY8qSzddLCi8nvulZyqdemJHLPFNjJaheWdDD7sGljPd4s6iceCiC2kbHzyrHP79I/s912/10.jpg click ที่เลข 1 ใช้กับบล๊อก ที่ท่านเลือกก็จะเริ่มทำงาน
และ click ที่ เลข 2 จะพาท่านออกจากตรงนี้ครับ

สวยสมใจแล้วนะครับ
http://i153.photobucket.com/albums/s235/revmyspace2/graphics/Day/Good_Week/0_good_week_wonderful_retro.gif

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

  1. เข้าคอสความงามเหมือน mti เลยนะคะคุณครูกว่าจะสวยออกจาบ้านต้อง 2 ชั่วโมงอัพ อิอิ

    ตอบลบ
  2. จะพยายามเอามาประยุกต์ใช้ค่ะ

    ตอบลบ
  3. Template สวยๆๆ ทั้งนั้น
    คงใช้เวลาเลือกนานน่าดู
    เพราะโหลดช้าอยู่
    แต่ก็....ทำได้แล้ว
    ....
    ****Request*****
    อยากได้ Template จากข้างนอกอะ
    ครูยุทธ มีเวลาแนะนำหน่อยนะจ๊ะ
    ..บาย บาย

    ตอบลบ
  4. ทำแล้วนะค่ะ เชิญชมได้เลย สนุกดีนะค่ะ

    ตอบลบ
  5. พี่เอี๊ยดหนูอยากรู้ว่าพื้นหลังเอารูปของหนูที่มีอยู่ได้ไหมค่ะ

    ตอบลบ
  6. เจ๊ดา search ใน google ด้วยคำว่า template +blogger ครับ จะได้อีกหลายสิบที่
    ส่วนหนู บี ทำได้คะ แต่ต้องรอชั่วโมงบินมากกว่านี้อีกนะครับ เพราะต้องเกี่ยวกับภาษา HTML

    ตอบลบ
  7. ขอบตุณนะคะ ลองทำดูแล้วสนุกมากค่ะ

    ตอบลบ
  8. ครูพลับพลึงเลยจบที่รอยเท้าสุนัขเต็ม blog เลย

    ตอบลบ
  9. เสร็จแล้วครับ เปลี่ยนนิดหน่อย

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

    ตอบลบ