+... ภาพหัวบล็อก

+... การสร้าง HTML/จาวาสคริปต์

Code ข้อความวิ่ง รูปภาพเลื่อนCode โค๊ด ข้อความ รูปภาพ เลื่อน ไป-มา, เลื่อนขึ้น-ลง โค๊ดเปลี่ยนขนาดอักษร,เปลี่ยนสีอักษร, เปลี่ยนสีพื้นหลัง

-----------------------------------------------------------------------------------------------

 การสร้าง HTML/จาวาสคริปต์

วิธีการ

 (1) ล็อกอินเข้าระบบ
 (2) ที่เมนู การแก้ไขบล็อก คลิกเลือกที่ รูปแบบ
 (3) คลิกที่ พาดทุกคอลัมน์ฺ
 (4) เลือกเก็จเกต HTML/จาวาสคริปต์
 (5) จะแสดงการตั้งค่า HTML/จาวาสคริปต์
 (6) ชื่อ... อักษรวิ่ง
 (7) ช่องเนื้อหา พิมพ์   <marquee> .......ข้ อ ค ว า ม วิ่ ง ............</marquee>

 (8) คลิกบันทึก
-------------------------------------------------------------------------------------------------

 ลูกเล่นอื่น ๆ

Code ข้อความเลื่อน Baipak.blog/บล็อกใบผัก  Code   = <marquee>Baipak.blog/บล็อกใบผัก</marquee>                 (ตรงอักษรสีแดง ใส่ข้อความได้ตามใจชอบ)

Code ข้อความเลื่อนจากซ้ายไป-ขวา Baipak.Blog/บล็อก.ใบผัก Code <marquee direction="right"><FONT COLOR="#990033" size="6">            <strong>Baipak.Blog/ บล็อก.ใบผัก</strong></font></marquee>

Code ข้อความเลื่อนจากล่าง ขึ้นบน Baipak.blog/บล็อก.ใบผัก  อธิบายโค๊ด  Code ข้อความเลื่อนจากล่าง ขึ้นบน = <marquee direction="up">  Code   <marquee direction="up"><FONT COLOR="#990033" size="6">                <strong>Baipak.blog/ บล็อก.ใบผัก</strong></font></marquee>  (ตรงอักษรสีแดง ใส่ข้อความได้ตามใจชอบ)

Code ข้อความเลื่อนจากบนลงล่างมีรูปภาพด้วย Baipak.Blog/บล๊อก.ใบผัก **อธิบายโค๊ด  Code ข้อความเลื่อนจากบนลงล่าง =  <marquee direction="down">  Code ข้อความมีรูปภาพ                  =   <img src="url รูป" >  ( ตัวอักษรสีน้ำเงินให้ใส่ url รูปภาพ ) Code  <marquee direction="down"><img src="url รูป"> <FONT  COLOR="#990033" size="6"><strong>Baipak.Blog/บล๊อก.ใบผัก</strong></font></marquee> (ตัวอักษรสีน้ำเงินให้ใส่ url  รูปที่แสดง)

Code ข้อความเลื่อน แบบ กำหนดความกว้าง สีพื้นหลัง และ ไป-กลับ **ถ้าดูด้วย Chrome ข้อความจะไม่วิ่ง, ต้องดูด้วย Explorer ข้อความถึงจะวิ่ง Baipak.blog/บล็อกใบผัก  อธิบายโค๊ด   Code  ข้อความเลื่อนไป-กลับ  = behavior="alternate"   Code  <marquee behavior="alternate" bgcolor="#ffccff" width="500px" height="50px"> <FONT   COLOR="#990033" size="6"><strong>Baipak.blog/บล็อกใบผัก</strong> </font></marquee> (ตรงอักษรสีแดง ใส่ข้อความได้ตามใจชอบ)

Code ข้อความแบบกำหนดความเร็ว Baipak.Blog/บล๊อก.ใบผัก อธิบายโค๊ด  Code ข้อความแบบกำหนดความเร็ว = <marquee scrollamount="3" > Code <marquee scrollamount="3" ><img src="url รูป"><FONT COLOR="#990033" size="6"><strong>Baipak.Blog/บล๊อก.ใบผัก<img src="url รูป" ></strong></font></marquee> (ตัวอักษรสีน้ำเงินให้ใส่ url  รูปที่แสดง)

Code รูปภาพวิ่งมาชนกัน อธิบายโค๊ด  Code  โค๊ดที่ทำให้ข้อความหรือรูปภาพวื่งมาชนกัน = <marquee direction=right width=40%>  Code <marquee direction=right width=40%><img src="url รูป"></marquee><marquee width=40%><img src="url รูป"></marquee> (ตัวอักษรสีน้ำเงินให้ใส่ url  รูปที่แสดง)

Code   = <marquee>Baipak.blog/บล็อกใบผัก</marquee>
                (ตรงอักษรสีแดง ใส่ข้อความได้ตามใจชอบ)

ที่มา http://baipak.blogspot.com/2012/10/code_2217.html

+... วิธีใส่ธีม(Theme)ให้กับบล็อกเรา

วิธีใส่ธีม(Theme)

    บทความที่แล้วเราได้บอกไว้ว่า"เปรียบเหมือนว่าเรามีเฟอร์นิเจอร์ แต่ยังไม่มีบ้าน ความหมายคือ เรายังไม่ได้เลือกหรือใส่ทีมให้กับบล็อกเราเลย วันนี้จะมาแนะนำการเปลี่ยนทีม Blogger หรือเลือกทีมมาใส่ให้บล็อกเรา ก็ยังคงใช้อุปกรณ์ ที่ Blogger ให้มา  เรามาเริ่มกันเลย เข้าไปล็อกอินที่ www.blogger.comเมื่อล็อกอินเข้ามาแล้ว ก็ทำเริ่มตามรูปได้เลย

รูปที่1.    1.คลิกตรงลูกศรสีน้ำเงินชี้ จะมีแถบยื่นออกมา    2.คลิก"แม่แบบ"(ลูกศรสีแดงชี้)

รูปที่2.     1.คลิก"แม่แบบ(ลูกศรสีน้ำเงินชี้)     2.คลิก"กำหนดค่า(ลูกศรสีแดงชี้)

รูปที่3.
1.ตรงลูกศรสีขาวชี้เป็นแม่แบบของทีม(Teame) อยากได้แบบไหนก็คลิก เลือกตามชอบเลย
2.เมื่อเลือกแม่แบบด้านบน(ลูกศรสีขาวชี้)แล้ว ก็คลิกเลือกรูปแบบ(ลูกศรสีบานเย็นชี้) **แบบรูปภาพตัวอย่างของเรา เราเลือกแม่แบบรูปขวาสุด   และรูปแบบด้านล่าง รูปที่ 2 จากขวามือ

รูปที่4.
เมื่อเลือก Teame ได้แล้ว เราก็มาเลือกพื้นหลังกัน
1.คลิก"พื้นหลัง"(ลูกศรสีขาว)
2.คลิกตรงที่ลูกศรสีแดงชี้

รูปที่5.
หลังจากทำตาม ข้อ 2. ของรูปข้างบนแล้ว จะมีหน้าต่างเล็กๆขึ้นมา ให้เราเลือก พื้นหลังได้ตามใจชอบ เมื่อเลือกจนถูกใจแล้ว ให้คลิก"เสร็จสิ้น"(ลูกศรสีน้ำเงิน)

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

รูปที่7.
จากนั้นคลิกปรับความกว้าง(ลูกศรสีขาว)แล้วก็ปรับความกว้างตามต้องการได้เลย

รูปที่8.
1.คลิกขั้นสูง(ลูกศรสีขาว)
2.ตรงกรอบสีบานเย็นเป็นเมนู ให้เราเลือกปรับแต่งแต่ละรายการ ลงมือปรับแต่งได้เต็มที่เลย  เมื่อปรับแต่งเสร็จแล้ว ให้คลิกที่ ลูกศร A ต่อด้วยลูกศร B แค่นี้บล็อกของคุณ ก็สมบูรณ์แบบแล้วล่ะ ทุกอย่างถ้าไม่ชอบก็กลับมาแก้ไขใหม่ได้ภายหลัง

+... วิธีการสร้าง blogger แบบใหม่ "เขียนบทความ และ ใส่รูปภาพ"

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

เมื่อล๊อกอินเข้ามาแล้ว   1. คลิกตรงรูปดินสอ"ลูกศรชี้" หรือถ้าเข้ามาแล้ว (หน้าตาไม่เหมือนกัน ก็ไม่เป็นไร)  ให้หารูปดินสด แล้วก็คลิกเลย ก็จะมาหน้านี้       1. ให้โพสบทความ ตรงลูกศร A ชี้       2. การใส่รูปภาพ ให้คลิกตรง ลูกศร B ชี้ จะมีหน้าต่าง A ขี้นมา         1. ตรงกรอบรอยปรุ สีน้ำเงิน ให้เราเลือกว่า จะเอารูปจากที่ไหนมาใส่ ถ้าเอาจากที่เรา Save ไว้ในคอม ก็ให้เลือก"อัปโหลด" แล้วก็คลิก"เลือกไฟล์"ตรงลูกศรสีแดงชี้         2. จะมีหน้าต่าง B ขี้นมา ให้เราเลือกและคลิก รูปที่เรา จะเอามาใส่ ในบทความ         3. คลิก Open ตรงลูกศรสีแดงชี้     1. รูปที่เรา Open มา(อัปโหลดมา)ตรงลูกศรสีแดงชี้     2. คลิก"เพิ่มรายการที่เลือก(ลูกศรสีน้ำเงินชี้) รูปมาอยู่ในบทความแระ      1. ตรงกรอบสีน้ำเงิน ให้เราเลือก ตั้งค่าตามรายการ(จะไม่ตั้งอะไรก็ได้นะ)      2.  ถ้าจะดูตัวอย่างก่อน ก็คลิกตรง"ลูกศร C ชี้"      3. ถ้าจะยังไม่เผยแพร่ แค่บันทึกไว้ก่อน ก็คลิกตรง"ลูกศร B ชี้"      4. ถ้าต้องการเผยแพร่เลย ก็คลิก ตรงลูกศร A ชี้ คลิก ดูบล็อก ตรงลูกศรสีแดงชี้ หรือคลิกลิ้งตรง ลูกศรสีน้กเงินชี้ ก็ได้    เสร็จแล้ว หน้าตาก็เป็นแบบนี้แระ  ดูแปลกๆใช่ป่าว เป็นเพราะว่าเรายังไม่ได้ใส่"ธีม"ให้กับบล็อกเรา บล็อกที่ไม่มี Theme ก็เปรียบเหมือนว่า เรามีเฟอร์นิเจอร์ แต่ยังไม่ได้สร้างบ้าน ประมาณนั้นแระ บทความต่อไปจะมาแนะนำ วิธีเลือกสร้างบ้าน ไม่ใช่ซิ ต้องเป็น วิธีเลือก"ธีม"ให้กับบล็อกเราซินะ

+... วิธีใส่ภาพหัวบล็อก

ตอนนี้ก็มาถึงวิธีใส่ภาพ หัวบล็อกแล้วล่ะ การใส่หัวบล็อกถ้าจะให้สวยอาจจะต้องเสียเวลาปรับขนาดภาพหัวบล็อก (วิธีปรับขนาดภาพ เพราะขนาดจะไม่ตรงตาม Teame ที่เลือกมาใช้ มาเริ่มกันดีกว่านะ

1.เมื่อล็อกอินเข้ามาแล้ว ก็ให้เข้าไปที่เมนู"รูปแบบ" ส่วนช่องทางเข้า จากบทความแรกๆ ที่ทำกันมา จนถึงหน้านี้ คงจะชินทางกันแล้วล่ะ
2.ตรงแถบ gadget ตรงวงรีสีแดง ตรงนั้นแหละ เป็นที่ ที่เราจะใส่ภาพหัวบล็อกกัน ให้คลิกแก้ไข(ตรงลูกศรสีแดง)

หลังจากคลิก"แก้ไข"ตรงรูปข้างบนแล้ว จะมีหน้าต่างเล็กๆขึ้นมา
1.ให้ใส่คำอธิบายบล็อก(ลูกศรสีบานเย็นชี้)หรือจะไม่ใส่ก็ได้
2.คลิก"เลือกไฟล์"(ลูกศรสีเขียวชี้)เพื่อเลือกหัวบล็อกที่เรา Save ไว้
3.ตรงวงรีสีเขียวให้เลือกการจัดการหัวบล็อก อันนี้แล้วแต่ชอบนะ
4.คลิก"บันทึก"

เสร็จแล้ว หัวบล็อก

+... ต้อนรับสู่ผลพื้นที่แสดงผลงานของเรา

...  แหล่งรวมรวมเวบบล็อกของนักเรียน  ที่เรียนในรายวิชา การสร้าเว็บไซต์ ของภาคเรียนที่ที่2/2559
โรงเรียนไกรภักดีวิทยาคม อำเภอเมือง  จังหวัดศรีสะเกษ...
... เป็นแหล่งรวมรวมองค์ความรู้ บทความที่เกี่ยวข้องกับการเรี่ยนรู้