วันอาทิตย์ที่ 3 ธันวาคม พ.ศ. 2560

How to Create a Bee Illustration

วิธีการสร้างภาพผึ้ง

เรามาวาดการ์ตูนผึ้งกัน ง่ายมาก แค่ 10 ขั้นตอนก็จะได้ผึ้งมาแล้ว ไม่เชื่องั้นไปลองทำดูกัน

ความรู้ที่ได้รับ
- การวาดรูปด้วยโปรแกรม illustrator
- สร้างองค์ประกอบด้วยเครื่องมือ Rounded Rectangle Tool
- สร้างองค์ประกอบด้วยเครื่องมือ Rectangle Tool
- สร้างองค์ประกอบด้วยเครื่องมือ Ellipse Tool
- สร้างองค์ประกอบด้วยเครื่องมือ Arc Tool
- สร้างองค์ประกอบด้วยเครื่องมือ Polygon Tool
- การปรับแต่งองค์ประกอบด้วยเครื่องมือ Direct Selection Tool
- การปรับแต่งองค์ประกอบด้วยเครื่องมือ Reflect Tool
- การใช้คำสั่ง Group
- การใช้คำสั่ง Send to Back
- การใช้คำสั่ง Send to Back




ภาพผึ้งตอนเสร็จแล้ว
ภาพผึ้งตอนเสร็จแล้ว

วิธีการสร้างภาพผึ้ง
วิธีการสร้างภาพผึ้ง

หน้าตาของผึ้งที่เราจะวาดในวันนี้ หน้าตาน่ารักไหมหละ อดใจไม่ไหวแล้วใช่ไหม งั้นเริ่มลงมือกันเลย

1. เริ่มสร้างตัวผึ้งกันก่อนเลย
โดยใช้เครื่องมือ Rounded Rectangle Tool สร้างตัวผึ้งขนาด 210×260 px ความมนอยู่ที่ 105 px ให้ตัวเป็นสีเหลือง เส้นรอบนอกเป็นสีน้ำตาล ( ต่อไปจะเรียก Stroke ) ความหนาของ Stroke ที่ 10 px (ตั้งค่าตามภาพ)

ลำตัวผึ้ง
เริ่มสร้างตัวผึ้งกันก่อนเลย

2. มาปรับแต่งรูปกันหน่อย
ผึ้งเนี่ยมันต้องตูดแหลมๆ ใช่ไหมหละ เพราะอะไรหนะเหรอ อ้าวมันมีเหล็กไนไง เรามันสร้างเหล็กไนให้ผึ้งกัน

ง่ายๆ แค่ใช้เครื่องมือ Direct Selection Tool แล้วจิ้มไปยังมุม ในวงกลมแดงๆ (ตามรูปบนซ้ายมือ) ทำให้ตูดแหลมซะ

ทำลำตัวให้ดูยาวขึ้น โดยเลื่อนจุดกลางลำตัวลงมาด้านล่างอีกนิดหน่อย โดยเลื่อนทั้ง 2 จุดพร้อมๆ กัน (ตามรูปใหญ่ด้านล่าง)

สร้างตูดผึ้ง
2. สร้างตูดผึ้ง

3. สร้างลวดลายให้ผึ้ง
ง่ายมากแค่ทำสายคาดให้ผึ้ง โดยใช้เครื่องมือ Rectangle Tool สร้างกล่องขนาด 210×35 px เลือกเป็นสีเดียวกับ Stroke สร้างสัก 2 อันเพื่อความสวยงาม ตามรูป

สร้างลายคาดบนตัวผึ้ง
3. สร้างลายคาดบนตัวผึ้ง

4. อ๊ะ อ๊ะ อย่าลืมปิดตูด
นอกจากทำสายคาดลำตัวแล้ว เราก็ทำการปิดตูดด้วย ง่ายๆ ก็ทำเหมือนสายคาดแต่เราย้ายมาที่ตูดแทน เพิ่มเข้ามานั้นแหละ ตามรูปด้านล่างได้เลย

สายคาดปิดตูด
4. สายคาดปิดตูด

5. สร้างปีกใสใส
สร้างตัวเรียบร้อย เรามาสร้างปีกผึ้งกันต่อ ใช้เครื่องมือ Ellipse Tool สร้างวงกลมขนาด 130×130 px ขึ้นมา ใช้เครื่องมือ Direct Selection Tool เลือกจุดในวงกลม ลากขึ้นไปเพื่อให้ยืดออกไปดังรูป เราก็ได้ปีกมาอันนึงหละ

สร้างปีกผึ้ง
5. สร้างปีกผึ้ง

6. ประกบคู่ปีกผึ้ง
หลังจากได้มาปีกนึงหมุนปีกนิดหน่อยให้ได้องศาสวยงาม แล้วเราก็มาสร้างปีกเพิ่มด้วยการ Copy แล้ววาง สร้างคู่ใหญ่เล็กเรียบร้อยเราก็ Group (Control-G) ให้เขาอยู่ด้วยกัน

ได้มาข้างนึงแล้ว เราจะสร้างอีกข้างนึงโดยใช้เครื่องมือ Reflect Tool โดยการเลือกให้คู่ปีกทำงานก่อน แล้วก็ Double-Click เครื่องมือ Reflect Tool ทำการสลับ Vertical Axis แล้วก็กด Copy ปิ๊ง เราก็ได้ปีกคู่มาอีกข้าง

ทำการย้ายไปอีกฝั่ง จัดให้เท่ากัน ตามรูป

สร้างคู่ปีก
6. สร้างคู่ปีก

7. ทำตาผึ้ง
มาสร้างความแบ๊วของผึ้ง ง่ายๆ ก็สร้างความวงกลม 2 อัน ตามรูป

ทำตาผึ้ง
7. ทำตาผึ้ง

8. ทำหนวดผึ้ง
นี้ก็ง่ายเหมือนกัน ใช้เครื่องมือ Arc Tool วาดเส้นโค้งมา ตามรูป

ทำหนวดผึ้ง
8. ทำหนวดผึ้ง

9. สร้างรายละเอียดของปีก
นี้ก็ง่ายอีกเหมือนกัน ก็วิธีเดียวกับการทำหนวดผึ้งนั้นแหละ ใช้เครื่องมือ Arc Tool วาดเส้นโค้งมา ตามรูป หลังจากนั้นก็เสร็จแล้ว แต๊แด่ม

สร้างรายละเอียดของปีก
9. สร้างรายละเอียดของปีก

10. ทำพื้นหลัง
เพื่อความสวยงามของงาน เราก็สร้างพื้นหลังหน่อย ใช้ Polygon Tool สร้างรูป 6 เหลี่ยม เปรียบเสมือนรังผึ้ง ตกแต่งตามความพอใจ และก็เสร็จแล้วววว

ทำพื้นหลัง
10. ทำพื้นหลัง

เสร็จแล้วววว ง่ายใช่ไหม ถ้าง่ายอย่าลืมไปลองทำดู

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

ที่มา: How to Create a Sunny Bee Illustration in 10 Easy Steps!


วันอาทิตย์ที่ 26 พฤศจิกายน พ.ศ. 2560

Check out each keyword

เช็คอันดับเว็บแต่ละ Keyword

เช็คอันดับเว็บของเราในแต่ละ Keyword  



แนะนำเว็บดีดีนะ สะดวกและรวดเร็วสำหรับการรู้อันดับเว็บเราในแต่ละ Keyword

เคยมีปัญหานี้ใช่ไหมหละ ว่าเราหาเว็บเราไม่เจอใน Keyword ที่เราต้องการ ใช้เว็บ Serps สิ ฟรี Keyword Rank Checker เย้ ใช้ไม่ยากด้วยนะ ลองไปดูกัน

เช็คอันดับเว็บของเราในแต่ละ Keyword
เว็บ Serps

ก่อนอื่นเข้าเว็บ Serps นี้ก่อนเลยนะ หน้าตาตอนนี้ (19-11-2560) ก็หน้าตาอย่างนี้

เช็คอันดับเว็บของเราในแต่ละ Keyword
กรอกแล้ว GO

หลังจากนั้นก็
1. ใส่คียเวิร์ดที่เราอยากรู้
2. เลือกภาษาและ Search Engine ก็ G คือ Google และ Y คือ Yahoo
3. หลังจากนั้นก็ GO

เช็คอันดับเว็บของเราในแต่ละ Keyword
อันดับมาเป็นพรืดดดดดด

หลังจากนั้นรอสักครู่ รอสักครู่ เว็บก็จะประมวลผลมาให้เรา เห็นเว็บ https://phuketgraphics.blogspot.com/ เราไหม

เช็คอันดับเว็บของเราในแต่ละ Keyword
ลองไล่ดูมาเรื่อยๆ 

นี่ไง นี่ไง https://phuketgraphics.blogspot.com/ ในคีย์เวิร์ด กราฟฟิคภูเก็ต นั้นอยู่อันดับที่ 28 แหนะ

แบบนี้อาจจะหาเว็บเรายากสักหน่อย งั้นลองอีกแบบนึงซึ่งทำให้เห็นอันดับเวบของเราง่ายยยยขึ้น ลองไปดูกัน

เช็คอันดับเว็บของเราในแต่ละ Keyword
เช็คอันดับเว็บแต่ละ Keyword อีกวิธี

เริ่มเลยนะ
1. ใส่ Keyword ที่เราอยากรู้ไปก่อน
2. ใส่ชื่อเว็บของเราไป
3. เลือกภาษาและ Search Engine เหมือนวิธีแรก
4. GO โลดดดดดดดด

เช็คอันดับเว็บของเราในแต่ละ Keyword
แต้แด่ม

หลังจากนั้นรอสักพัก ประมวลเสร็จเราก็จะเห็นผล เว็บของเราอยู่ทางซ้าย และอันดับอยู่ทางขวา

เห็นอันดับเว็บแล้วเป็นไงบ้างหละ ขยันขึ้นมาทันทีเลยสิ สู้ๆ กันต่อไป

วันอาทิตย์ที่ 19 พฤศจิกายน พ.ศ. 2560

Free vector graphic November 2017

แจกฟรี กราฟิกเวกเตอร์ เดือนพฤศจิกายน 2560

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




สามารถดาวน์โหลดได้ที่นี้  ดาวน์โหลด



สามารถดาวน์โหลดได้ที่นี้  ดาวน์โหลด

วันอังคารที่ 7 พฤศจิกายน พ.ศ. 2560

Banner Similan Travel Promotion

งานออกแบบแบนเนอร์ทัวร์สิมิลัน

กลับมาทำงานแล้ว หลังจากหยุดไปหมกมุ่นกับการลงทุนอยู่พักใหญ่




ระหว่างที่หยุดไปพักใหญ่ ก็ขอขอบคุณลูกค้าทุกท่านที่ติดต่อเข้ามานะครับ ตอนนี้รับงานแล้ว ติดต่อกลับเข้ามาได้นะครับ

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

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


วันอาทิตย์ที่ 1 ตุลาคม พ.ศ. 2560

Free vector graphic October 2017

แจกฟรี กราฟิกเวกเตอร์ เดือนตุลาคม 2560

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




สามารถดาวน์โหลดได้ที่นี้  ดาวน์โหลด

The Tourist
The Tourist
สามารถดาวน์โหลดได้ที่นี้  ดาวน์โหลด

วันพฤหัสบดีที่ 28 กันยายน พ.ศ. 2560

Google Doodles 28th September 2017

Google Doodles วันที่ 28 กันยายน 2560

100 ปี ธงไตรรงค์ ประวัติศาสตร์ธงชาติไทย ความภาคภูมิใจของคนไทย  ใครไม่ภูมิใจ ไม่เป็นไร เราภูมิใจ




Google ถึงกับเปลี่ยนหน้าแรกให้ แปลว่ามันสำตัญมากนะ จงภูมิใจซะเถิด

ทั้งหมดมีภาพเดียว เป็น Gif Animation ธงชาติไทยกำลังโบกสะบัด

100 ปี ธงไตรรงค์
100 ปี ธงไตรรงค์

| ประวัติย่อ

กำเนิดธงไตรรงค์ จากคำแนะนำของ อะแควเรียส หรือ อะแควริส ผู้ใช้นามแฝงในหนังสือพิมพ์กรุงเทพฯ เดลิเมล์ ฉบับวันที่ 15 สิงหาคม พ.ศ. 2460

ก่อนที่สยามจะประกาศเข้าร่วมสงครามโลกครั้งที่ 1 ประเทศของเรายังคงอยู่ในช่วงทดลองใช้ธงห้าริ้ว โดยพระบาทสมเด็จพระมงกุฎเกล้าเจ้าอยู่หัว ทรงรับฟังความคิดเห็นทั่วไปเกี่ยวกับธงชาติสยาม แต่แล้ว ในหนังสือพิมพ์ กรุงเทพฯ​ เดลิเมล์ เมื่อวันที่ 15 สิงหาคม ปี พ.ศ. 2460 ปรากฏว่ามีผู้ใช้นามแฝงว่า อะแควเรียส หรือ อะแควริส ได้แสดงความคิดเห็นเกี่ยวกับธงชาติว่าควรเพิ่มสีน้ำเงิน เพื่อให้ธงชาติสยามมีสีน้ำเงิน แดง ขาว เหมือนกับชาติสัมพันธมิตรในสงครามโลกครั้งที่ 1 นั่นเอง

บันทึกจดหมายเหตุรายวันของพระองค์ระบุไว้ว่า
“เพื่อนของผู้เขียนได้แสดงความคิดเห็นว่า ไม่สู้พอใจต่อรูปแบบของธงสยามที่ทำขึ้นใหม่ เพราะเห็นว่าไม่สง่างามพอสำหรับประเทศ และได้ออกความคิดเห็นว่าริ้วแดงกลางควรจะเปลี่ยนเป็นสีน้ำเงิน ดังนี้ริ้วขาวที่กระหนาบสองข้างประกอบกับริ้วสีน้ำเงินกลางก็จะรวมกันเป็นสีส่วนพระองค์ของพระบาทสมเด็จพระเจ้าอยู่หัว และสีแดงกับขาวที่ริมประกอบกันก็จะเป็นสีสำหรับชาติ และด้วยประการนี้ กรุงสยามก็จะได้มีธงสีแดง ขาว กับน้ำเงิน เช่นเดียวกับ ธงสามสี (ฝรั่งเศส) ธงยูเนี่ยนแจ็ค (อังกฤษ) และ ธงดาวและริ้ว (อเมริกัน)”

ซึ่งพระองค์ทรงเห็นด้วย จึงได้เพิ่มสีน้ำเงิน สีทรงโปรดลงตรงกลาง ก่อนจะนำเรื่องเข้าประชุมลงมติเห็นชอบธงสามสีแบบที่คิดขึ้นใหม่ จึงทรงพระกรุณาโปรดเกล้าฯ ให้ใช้ ธงไตรรงค์ เป็นธงประจำชาติ และได้พระราชทานธงไตรรงค์ เป็นธงชาติสยาม เมื่อวันที่ 28 กันยายน พ.ศ. 2460 ตามพระราชบัญญัติแก้ไขพระราชบัญญัติธง พุทธศักราช 2460

ที่มา : The Standard


วันจันทร์ที่ 18 กันยายน พ.ศ. 2560

Google Doodles 18th September 2017

Google Doodles วันที่ 18 กันยายน 2560

บอกตามตรงก็เพิ่งรู้เหมือนกัน ไปเที่ยวมาตั้งหลายครั้ง ตั้งแต่วัยละอ่อน จนตอนนี้วัยละละอ่อนมาแล้ว   ว่าครบ 55 ปี ของการประกาศให้ผืนป่าเขาใหญ่เป็น “อุทยานแห่งชาติเขาใหญ่”




เมื่อ 18 กันยายน พ.ศ. 2505 ผืนป่าเขาใหญ่ ได้รับการประกาศให้เป็น “อุทยานแห่งชาติเขาใหญ่” Google ถึงกับเปลี่ยนหน้าแรกให้ แปลว่ามันสำตัญมากนะ ครั้งล่าสุดที่ไป ได้ไปส่องสัตว์กลางคืน เห็นกวางและเม่นด้วย โดยเฉพาะเม่นเวลามันเดินต้วมเตี้ยม น่ารักมากนะ

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

Google Doodles วันที่ 18 กันยายน 2560
Google Doodles วันที่ 18 กันยายน 2560 - 01

Google Doodles วันที่ 18 กันยายน 2560
Google Doodles วันที่ 18 กันยายน 2560 - 02

Google Doodles วันที่ 18 กันยายน 2560
Google Doodles วันที่ 18 กันยายน 2560 - 03

Google Doodles วันที่ 18 กันยายน 2560
Google Doodles วันที่ 18 กันยายน 2560 - 04

Google Doodles วันที่ 18 กันยายน 2560
Google Doodles วันที่ 18 กันยายน 2560 - 05

Google Doodles วันที่ 18 กันยายน 2560
Google Doodles วันที่ 18 กันยายน 2560 - 06

Google Doodles วันที่ 18 กันยายน 2560
Google Doodles วันที่ 18 กันยายน 2560 - 07

Google Doodles วันที่ 18 กันยายน 2560
Google Doodles วันที่ 18 กันยายน 2560 - 08

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

วันอังคารที่ 29 สิงหาคม พ.ศ. 2560

From sketch to result (part 1)

จากภาพวาดไปจนถึงผลลัพธ์ (ตอนที่ 1)

โดยส่วนตัวแล้วนั้นชื่นชมภาพร่างและภาพสเก็ตต่างๆ ก่อนผลงานชิ้นนั้นๆ จะเสร็จ

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




ภาพเหล่านี้คัดเลือมาแล้วว่าสวยงาม เอาไปดูไว้เป็นไอเดีย และฝึกหัด (อันนี้บอกตัวเอง ^^

จากภาพวาดไปจนถึงผลลัพธ์ (ตอนที่ 1)

จากภาพวาดไปจนถึงผลลัพธ์ (ตอนที่ 1)

จากภาพวาดไปจนถึงผลลัพธ์ (ตอนที่ 1)

จากภาพวาดไปจนถึงผลลัพธ์ (ตอนที่ 1)

จากภาพวาดไปจนถึงผลลัพธ์ (ตอนที่ 1)

จากภาพวาดไปจนถึงผลลัพธ์ (ตอนที่ 1)

จากภาพวาดไปจนถึงผลลัพธ์ (ตอนที่ 1)

จากภาพวาดไปจนถึงผลลัพธ์ (ตอนที่ 1)

จากภาพวาดไปจนถึงผลลัพธ์ (ตอนที่ 1)


ที่มา : From sketch to result (part 2)

วันเสาร์ที่ 12 สิงหาคม พ.ศ. 2560

Google Doodles 12th August 2017

Google Doodles วันที่ 12 สิงหาคม 2560

12 สิงหาคม ของทุกปี ชาวไทยทุกท่านคงจะทราบกันดีว่าเป็น "วันแม่แห่งชาติ" และวันสำคัญนี้ก็เวียนมาครบรอบปีมาอีกครั้ง  

Google ก็เปลี่ยนหน้าแรกให้เราทุกปีเช่นกันนะ แปลว่าเขาก็ให้ความสำคัญกับวันนี้เช่นกัน




Google จึงเปลี่ยนหน้าแรกเรียกได้ว่าเป็นธรรมเนียมเลยหละ หากเปรียบเที่ยบกับปีที่แล้ว ซึ่งมาเป็นซีรี่ย์เลย (สามารถเข้าไปดูของปีก่อนๆ ได้ที่ลิ้งค์ที่แนบมาให้

ย้อนไปดูของปี 2559 กัน Google Doodles 2016

ย้อนไปดูของปี 2558 ด้วย Google Doodles 2015

ปีนี้เป็นคุณแม่ตะบองเพชร คอยดูแลลูก แต่ก็ยังคงดูอบอุ่นและน่ารัก

Google Doodles 12th August 2017
Google Doodles วันที่ 12 สิงหาคม 2560

คําขวัญวันแม่ 2560

สมเด็จพระนางเจ้าสิริกิติ์ พระบรมราชินีนาถ ทรงพระกรุณาโปรดเกล้าฯ พระราชทานคำขวัญวันแม่แห่งชาติ ปี 2560 เพื่ออัญเชิญลงหนังสือวันแม่แห่งชาติ ปี 2560 ของสภาสังคมสงเคราะห์แห่งประเทศไทย ในพระบรมราชูปถัมภ์ ดังนี้..

"สอนให้ลูก เรียนรู้ สู้ปัญหา

พัฒนา ด้วยตน จนเติบใหญ่

เพราะคนแกร่ง จะก้าว ได้ยาวไกล

เพื่อมาเป็น กำลังไทย ให้แข็งแรง"

วันแม่อย่าลืมรักแม่คนอื่นด้วยหละ ส่วนแม่ของเรานั้น วันแม่คือทุกๆ วันอยู่แล้ว ^^

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

How to Deer Silhouette Moonlight

วิธีสร้างภาพประกอบกวางใต้แสงจันทร์

เอาวีดีโอดีดีมาฝาก อาจเร็วไปหน่อย แต่ไม่ยากอย่างที่คิด ลองทำตามดูนะครับ

ความรู้ที่ได้รับ
- ปรับแต่งดวย illustrator
- สร้างองค์ประกอบด้วยเครื่องมือ Pen tool
- การปรับแต่งองค์ประกอบด้วยเครื่องมือ Pathfinder





( 1 )

How to Use Google site storage

วิธีใช้ Google site เก็บข้อมูล

จุดแข็งของบริการ blogger นั้นมีมากมาย เช่น ง่ายต่อการใช้ เหมาะกับผู้ใช้ที่ต้องการใช้งานทั้งแบบส่วนตัว และเป็นทางการ

โดยเฉพาะอย่างยิ่ง ความเป็นปัจุบันและทันสมัย ที่เป็นข้อได้เปรียบเว็บไซต์เป็นอย่างมาก แต่จุดอ่อนที่สำคัญของ blogger ก็คือ ไม่มี server เป็นของตนเอง ดังนั้นบทความนี้จึงเป็น trick ในการกำจัดจุดอ่อนของ blogger ในเรื่องของการเก็บข้อมูล




บทความนี้ก็จะมากล่าวถึงรายละเอียดของการสมัคร และใช้งาน google site 
การอธิบายของผมก็ยังคงแบ่งเป็น 2 ตอนได้แก่

ตอนที่ 1 วิธีสมัคร google site
ตอนที่ 2 เทคนิคการเก็บไฟล์และเรียกใช้ไฟล์จาก google site

ตอนที่ 1 วิธีสมัคร google site

1.1 ก่อนอื่น ทุกคนจะต้องมี account ของ blogger หรือ account ของ gmail ซึ่งสามารถใช้สมัคร google site ได้ทันทีโดยไม่ต้องสร้าง account ขึ้นมาใหม่  และสำหรับคนที่ยังไม่มี หรือคิดว่าจะสร้าง account ขึ้นมาใหม่ก็ให้สมัครตั้งแต่ขั้นตอนนี้เลยครับ

1.2 ไปที่ http://sites.google.com แล้ว login ด้วย account ในข้อ 1.1


1.3 เมื่อ log in เข้ามาแล้วจะพบกับหน้าต่างดังรูป ให้คลิกที่ปุ่ม “สร้างเว็บไซต์”


1.4 ในกรณีของเราต้องการเพียงใช้เก็บข้อมูลเท่านั้น ดังนั้นให้เลือก “แม่แบบว่างเปล่า”


แล้วทำการตั้งชื่อไซต์ และกรอกข้อมูลอื่นๆ ให้ครบถ้วนและกดปุ่ม “สร้างเว็บไซต์”

1.5 เมื่อสร้างไซต์แล้วจะปรากฎหน้าแรกของ site ตามที่เราเห็น ให้คลิกที่ปุ่ม “สร้างหน้าเว็บ”


1.6 ตั้งชื่อของหน้าเว็บและเลือกหน้าเว็บชนิด “ตู้เก็บเอกสาร” (ดูรูป) แล้วกดปุ่ม “สร้างหน้าเว็บ”


1.7 เมื่อสร้างหน้าเว็บแล้วเราจะได้หน้าเว็บเพิ่มขึ้นมาอีก 1 หน้าตามชื่อที่เราได้ตั้งไว้


ตอนที่ 2 วิธีฝากไฟล์และเรียกใช้ไฟล์กับ google site

หลังจากเสร็จสิ้นตอนที่ 1 แล้วทุกคนก็จะมี หน้าเว็บที่สามารถเก็บไฟล์ต่าง ๆ

ขั้นตอนการฝากไฟล์/รูปภาพ

2.1 คลิกที่ปุ่ม “เพิ่มไฟล์” และเรียกไฟล์จากคอมพิวเตอร์ หรือจาก URL ที่เราทราบก็ได้



ขั้นตอนการฝากจาวาสคริปต์

2.2 การฝากจาวาสคริปต์กับ google site จะต้องออกแรงนิดหนึ่งครับ โดยเราจะต้องเปลี่ยนนามสกุลไฟล์ จาก .js ให้เป็น .txt ซึ่งทำได้โดยเปิดไฟล์จาวาสคริปต์ที่ต้องการ ด้วยโปรแกรม wordpad (หรือ notepad เวอร์ชัน 2 ขึ้นไป) แล้วบันทึกไฟล์ที่มีนามสกุล .txt



ก่อน

หลัง





Google_site9 copy 



Google_site11 


2.3 เมื่อแปลงไฟล์เรียบร้อยแล้วก็ upload ไฟล์ได้ตามปกติ (เหมือนขั้นตอนที่ 2.1)


ขั้นตอนการเรียกใช้ไฟล์จาก google site

2.4 การเรียกใช้ไฟล์จะใช้วิธีเดียวกันทั้งรูปภาพ จาวาสคริปต์ หรือไฟล์อื่นๆ ซึ่งทำโดย

คลิกขวาที่ข้อความ “ดาวน์โหลด” แล้วคัดลอกที่ตั้งลิงค์ (Copy URL) ไปวางในโปรแกรม notepad หรือ wordpad ก็ได้ ซึ่งเราจะได้ URL ของไฟล์ดังนี้

http://sites.google.com/site/hackublog/home/server/logo.png?attredirects=0&d=1


จากนั้นให้ทำการลบโค้ดสีแดงทิ้งไป เราก็จะได้โค้ดที่เหลือดังนี้

http://sites.google.com/site/hackublog/home/server/logo.png

เราสามารถนำ URL ที่ได้ไปใช้งานใน blogger ตามจุดประสงค์ของเราได้เลยครับ

สรุป วิธีการที่ได้อธิบายมาอาจจะดูยุ่งยาก ในตอนแรก แต่เมื่อทำสัก 2- 3 ครั้งก็จะทำได้รวดเร็วขึ้น และตามความเห็นของผมคิดว่าเป็นวิธีการที่คุ้มค่า เพราะถ้าทำเช่นนี้ได้ เราก็ไม่ต้องไปง้อ free file host ที่ไหน เท่ากับว่าเราสามารถแก้ปัญหาเรื่อง server ของ blogger ได้แล้วนั่นเอง

หมายเหตุ google site จะจำกัด bandwitch ของแต่ละ Account เอาไว้ที่ 100 MB ถ้าหากเราฝากไฟล์มากๆ แล้ว bandwitch เต็ม ก็ให้สร้าง account ใหม่ และทำตามขั้นตอนเดิม ได้อย่างไม่จำกัดครับ

หากท่านใดอ่านแล้วเกิดข้อสงสัยก็ติชม สอบถามที่กล่อง comment ด้านล่าง ได้เลยครับ

อ้างอิงจาก
http://hackublog.blogspot.com/2010/01/google-site-blogger.html






You might also like:

Related Posts Plugin for WordPress, Blogger...