ตัววิ่ง

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

ผู้ติดตาม

วันศุกร์ที่ 4 มิถุนายน พ.ศ. 2553

picasa album เอามาทำเป็น slide show ใน blog

คงต้องขึ้นต้นบทเรียนนี้ว่า ใครทำบ่อได้ ไปถาม เจ๊ดา (ล้ำคุ่ม) ได้ครับ ...

เริ่มเลย
มีภาพถ่าย digital แล้วอย่างน้อย 4 - 5 ภาพครับ เก็บอยู่ในเครื่องฯ ใน thumb drive ใน SD card ของกล้อง ถ้าไม่มีก็ไม่มีวัตถุดิบนะครับ
เปิด tab 3 tab ครับ
ในภาพ ซ้ายสุดเป็น gmail ของท่าน,  กลางเป็น draft.blogger.com, ส่วนขวาสุดไปที่ picasaweb.google.com
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhj1crUVvA1AXRicKED0l-fiiZ0SMZcmA1aRwMUh8AkA_26EbG51u7Z9wu5cqEuVW6zSNLkBCajAmCADgUBlZsRJH_3ENYfg3IP6SSSBKn38gv6QLw66RK-qMYIU5EtM49tFOLPCFoxmE0/
click ไปที่ picasa ที่เป็น tab ตัวขวาสุดเลย
ของท่านคงยังไม่มีรูปจัดเก็บมากนัก (ยกเว้น เจ้ดา)
เริ่ม click ที่ (1)  อัปโหลด
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlTiPsLh_9Krt69H7Cyo5Q-5m8E73tpjRKWiYsKpH1Mj-V-xme6Jbq1PfbXaX7josUPLkBKsGQd63mXr8yffX0pDNo4jnVjA9qrVN2vCJxw8pCNEdxZXpnI-FF2OI2DYRu3TdgW7QUl0s/จะพบชื่ออัลบั้มเดิม (อัลบั้มจะเป็นการจัดเก็บรูปให้เป็น หมวด หมู่ สะดวกต่อการค้นหา)
click ต่อที่ (1) สร้างอัลบั้มใหม่
 
ตั้งชื่อ อัลบั้มซะ (1) ผมกำลังทำอัลบั้มรูปนักศึกษาวันปฐมนิเทศน์ตอนเช้า ก็ตั้งชื่อว่า วันปฐมนิเทศน์
แล้ว click ล่างสุด (2) ทำต่อ (หรือจะ enter เลยก็ได้)

 
picasa ให้ท่านหาว่า ภาพที่จะทำเก็บไว้ที่ไหนในเครื่องฯ ของท่าน ก็ click (1)  Browse เลย
ของผมภาพอยู่ในเครื่องที่ folder ชื่อ วันปฐมนิเทศ
click เลือกภาพเลยครับ (เลือกได้ครั้งละ 1 ภาพ แล้ว click  Open หรือจะ enter ก็ได้ครับ
 
ก็ทำได้รอบละ 5 ภาพ ครบแล้วก็ click เริ่มอัปโหลด
รอสักครู่
จะได้จอภาพเป็น

หากภาพยัง อัปโหลด ไม่หมด ก็ click (1) เพิ่มรูปภาพ แล้วก็ทำขึ้นเมื่อกี้อีก รอบละ 5 รูป
เมื่อได้ภาพครบแล้ว
กลับไปที่ภาพรวม
click (1) ที่ เชื่อมโยงไปยังอัลบั้มนี้
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_RdRGRGD2m4G0O2eLlXxty8EyEKY9nERc-CZEqbsBHZkGM1qdYqJVjNJgTgJowFFZz35Uwl_27WeeDrArwtCxgJAFrMD8K8n7j68HFtdcoNQB0tZiz83pTMige6QHlR7R7Eu-62g046I/
click ต่อที่คำสั่ง(1) ฝั่งภาพสไลด์

 

จะพบจอภาพนี้
ปรับขนาดสไลด์ก่อน (1)
หากนำไปไว้ในบทความก็ให้ใหญ่หน่อย  
ผมเลือก ใหญ่มาก 600 px (1)
แล้ว copy code HTML ที่ได้ (2)  (control C)
กลับไปที่ blog แล้วเขียนบทความ แล้วก็ วางที่ copy มาลงไป (Control V)





เผยแพร่บทความซะ
 
เสร็จแล้วครับ ได้ slide show อยู่ในบทความแล้ว
หากจะปรับความกว้าง ความสูง ก็กลับไปแก้ไขบทความ แล้วเลือกทำงานกับ แก้ไข HTML
มองหาค่า ที่เกี่ยวกับ width และ height ครับ
หรือจะทำเป็น album อยู่ทาง side bar ก็ได้ คงต้องกำหนดขนาดให้เล็กหน่อย
มีรูปสวย ๆ ก็ งัดออกมาโชว์กันเลยยยยย
http://www.petpress.com/wp-content/uploads/image/2007/07/cute-hamster.jpg
http://imgtest.blogster.com/host/images/34271705503.jpg

 
http://www.babyphotospictures.com/thumb/so-cute-cuddly-baby.jpg http://c2.api.ning.com/files/HWh5LC3d0fZ71oETghu*f-8oOttcYi5xAPnWoyW5EIRldgnqbO0X2xc10zc82JdTBrsk5jK3N8GEGvYB-PeGbLgjh0Phnfjf/so_cute_rabbit.jpg
 

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

  1. เขียนบทความใหม่ พร้อมทำสไลด์รูป ครูยุทธชี้แนะด้วยนะคะ ว่าดีไหม..... แต่ตอน upload รูป ทำพลาดนิดหนึ่งค่ะ เอาไว้จะลองทำใหม่ค่ะ.....

    ตอบลบ
  2. เนื่องจากธรรมชาติของ slide มักจะเป็นภาพแนวนอน เมื่อนำภาพแนวตั้งมาทำก็เลยขาด ๆ ไปบ้าง มือใหม่หัดขับทำได้ดีครับ

    ตอบลบ
  3. พี่ต้อยแอบซุ่มทำ ไม่ย๊อม ไม่ยอม....

    ตอบลบ
  4. ทำเสร็จแล้วค่ะ คุณครูยุทธ ไม่รู้ได้กี่คะแนนคะ,,,,

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

    ตอบลบ
  6. หนูเฟื่องก็ปรับโฉม blog ใหม่เลย ของป้าดา ผม ment ใน blog ในหัวข้อนั่นแล้วนะ ครูยังสามารถขยายขนาดของ album ได้ หาที่ค่า width และ height จะได้เห็นภาพเต็ม ๆ ตาหน่อย ว่าไหม

    ตอบลบ
  7. หนูทำใน ac213 เรียบร้อยแล้วค่ะ

    ตอบลบ
  8. เฮ่อ สำเร็จซักทีค่ะ

    ตอบลบ
  9. เงินสด ปะทะ color of fall เลยนะเนี่ย

    ตอบลบ
  10. ขอบคุณมากนะครับ กำลังหาวิธีอยู่เลย เป็นประโยชน์มากๆเลยครับ

    ตอบลบ
  11. จะลองทำดู ขอบคุณความรู้ที่แจกจ่ายครับ

    ตอบลบ