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

เมื่อ Blogger อยากมี Domain name เป็นของตัวเอง

Written By Aucharaporn Theemcle on วันศุกร์ที่ 28 ตุลาคม พ.ศ. 2554 | 12:43

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

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

มาลองสังเกต Domain name ของเวบแต่ละแห่งกันดูนะคะ ปกติแล้ว หากลงท้าย Domain name ด้วย

.com จะใช้กับองค์กรที่แสวงหาผลกำไร
.org จะใช้กับองค์กรที่ไม่แสวงผลกำไร
.net จะใช้กับบริษัทที่ทำธุรกิจเกี่ยวกับ Internet

.co.th จะใช้กับองค์กรที่จดทะเบียนในประเทศไทยที่แสวงหาผลกำไร
.or.th จะใช้กับองค์กรที่จดทะเบียนในประทศไทยที่ไม่แสวงหาผลกำไร
.net.th จะใช้กับองค์กรที่จดทะเบียนในประเทศไทยที่ทำธุรกิจเกี่ยวกับ Internet
.in.th จะใช้กับบุคคลหรือองค์กรใดๆก็ได้ในประเทศไทย

พอทราบพื้นฐานเกี่ยวกับ Domain name สักเล็กน้อย ต่อมาลองดูวิธีการที่ ดิฉันเปลี่ยน Domain name จาก blogspot เป็นของตนกันอย่างไรค่ะ

ซือโดเมนเนม  blogger

เวบไซต์ที่ให้บริการจดโดเมนเนม มีมาก แต่ดิฉันคิดว่า เวบไซต์ทีจะจดนี้ไม่จำเป็นต้องเพื่อการค้า  ไม่คำนึงถึง เรื่องของ seo อะไรทั้งสิ้น ทำเพียงเพื่อเผยแพร่พระพุทธศาสนาเท่านั้น   ดังนั้นใช้บริการของ Google นี่หล่ะไม่ต้องหาไกล  ส่วน host ไม่ต้องเพราะของ Google ก็มีให้พออยุ่แล้ว จดแต่ Domain ก็พอแล้วหล่ะ  

ขั้นตอนแรก  Login เข้าที่ blogger >แผงควบคุม>การตั้งค่า>การเผยแพร่ แล้วจะเห็นตัวอักษรสีแดงแจ่ม เขียนว่า โดเมนกำหนดเอง ดังรูปด้านบน  คลิ๊กเข้าไปเลยค่ะ

image

ต่อจากนั้นจะปรากฏหน้าต่างให้เราเติม โดเมนเนมลงไปแล้วคลิ๊กตรวจสอบว่าชื่อนี้ใช้งานได้หรือไม่ในการซื้อโดเมนเนมกับ Google เราสามารถชำระผ่าน Google check out ค่ะ ดิฉันเคยไปสมัครใช้บัญชีของธนาคารกรุงเทพ เพราะอยากมี paypal กับเค้าบ้าง ดังนั้นก็เลยมีบัตรวีซ่าใช้กะเค้า   โชคดีได้ไว้ชำระบริการนี้ด้วย  พอเติมโดเมนเนมลงไป  ดิฉันยังเลือก .com ทั้ง ๆที่เป็นวัดไม่ใช่องค์กรหวังผลกำไร   สาเหตุก็เพราะว่าคนแถบบ้าน จำ .com ได้ดีที่สุดค่ะ  ดังนั้นหากอยากให้ติดปาก .com น่าจะดี (คิดเอาเอง)

Domain name

หากพอใจในโดเมนและต้องการจะซื้อ Google ก็จะให้เราลงชื่อเข้าใช้บริการ Google app ค่ะ ให้กรอกข้อมูลลงไปในแบบฟอร์ดังรูปด้านบนขั้นตอนถัดไปต้องเชื่อมโยงบัญชีของเรากับ Google app แล้วหล่ะค่ะ  ให้กรอกข้อมูลบัตรวีซ่า ด้านหน้าบัตรเลย วันหมดอายุ ส่วนตัวเลข cvc นั่น อยู่ด้านหลังบัตร เป็นตัวเลข 3 ตัว ดิฉันเคยใช้สมัคร Paypal ด้วยบัตร atm ของธนาคารกรุงเทพ ก็เลยรู้บ้าง ต่อจากนั้นก็กรอกชือ ที่อยู่ เบอร์โทรโทรศัพท์    เรียบร้อยก็คลิ๊ก  ยอมรับ

image

หากว่าการเชื่อมโยงบัตรเครดิตเสร็จเรียบร้อย   จะมีรายละเอียดค่าใช้จ่ายมาให้ ค่าโดเมนเนม นี้ 10 เหรียญต่อปี  หากมั่นใจซื้อแน่นอน ก็คลิ๊กสร้างใบสั่งซื้อค่ะ 

เขียนบล็อก

อดใจรอสักครู่  จะปรากฏหน้าต่างบอกว่าได้ทำการสั่งซื้อโดเมนเนมไปเรียบร้อย 

ชวนเพื่อนเขียนบล็อก

กลับมาที่หน้าต่างแผงควบคุมของบล็อกจะม่ีข้อความขอบคุณ ที่เราซื้อโดเมนเนม 

image

คลิ๊กเข้าไปดูหน้าบล็อกสักนิด จะปรากฏข้อความแจ้งว่าบล็อกเรากำลังอยู่ในระหว่างการเปลี่ยนแปลงโดเมนเนม   แต่ผู้ชมก็สามารถเข้าใช้งานได้ทั้ง โดเมนใหม่ และโดเมนเก่า โดยGoogle แจ้งให้ทราบว่าต้องใช้เวลาระยะหนึ่งในการเปลี่ยนแปลงทั้งหมด

ถามว่าแล้วไม่คิดจะมีโดเมนเนมใหม่ให้ ชวนเพื่อนเขียนบล็อก บ้างเหรอ ? ขอบอกว่าไม่ค่ะ  ดิฉันอยากให้ที่นี่ เป็นแค่เวบบล็อกเล็ก ๆ ไม่ต้องมีแบรนด์อะไรมากมาย  เอาไว้ให้คนชอบคล้าย ๆ กันเข้ามาแลกเปลี่ยน และทักทาย เท่านั้นก็เพียงพอ

อ้อ ! ปล. ขอเชิญพุทธศาสนิกชนทุกท่าน เข้าร่วมชมเยี่ยมชมเวบบล็อกวัดด้วยนะจ๊ะ  ถึงแม้กำลังอยู่ในช่วยเริ่มแรกของการสร้างแต่ก็อยากให้เพื่อน ๆ ช่วยวิจารณ์บ้างก็คงจะดี  และแขกคนสำคัญต้องขอเชิญ watbanlang  ด้วยจ๊ะ

                 ศูนย์ปฏิบัติธรรมพุทธสถานประทานพรป่าช้า อาเลา หัวเสือ โคกรัง

12:43 | 9 comments | Read More

การนำไฟล์ pdf วางในเวบบล็อก |pdf on blogger

Written By Aucharaporn Theemcle on วันพฤหัสบดีที่ 27 ตุลาคม พ.ศ. 2554 | 05:08

เพื่อนเก่า น้อง naro เจ้าของบล็อก naropano แวะมาทักทายที่บล็อก รู้สึกดีใจนักเนื่องจากไม่ได้ข่าวคราวมานาน ไม่รู้ว่าเพื่อนท่านใดประสบภัยน้ำท่วมเหมือนน้อง naro บ้างคะ  ที่สุรินทร์น้ำก็ท่วมแต่ว่าท่วมเป็นบางแห่งแล้วมักจะท่วมไม่นาน  ดิฉันเองได้แต่ติดตามฟังข่าว และบริจาคสิ่งของช่วย     เคยได้ยินประโยคหนึ่งว่า “ หากผ่านทุกข์หนักอันแสนสาหัสไปได้  ทุกข์ครั้งต่อไปมันจะเป็นเรื่องจิ๊บ ๆ  “ยังไงก็เอาใจช่วยให้ผ่านทุกข์ภัยครั้งนี้ไปให้ได้นะคะ  
pdf on webblog
เอกสาร PDF ที่ดิฉันเคยนำเสนอ  ในการนำมาประกอบในเวบบล็อก จะทำได้ด้วยการฝากไฟล์ PDF ในเวบให้บริการเช่น เวบให้บริการ slideshare.scribd เป็นต้น แล้วนำ embed code มาวางใน ส่วนของ code html แต่ว่าคราวนี้หากมีคำถามว่า ไม่ฝากได้ไหม ? เพราะดิฉันได้พบกับประสบการณ์ที่ต้องนำไฟล์ PDF ขึ้นในเวบบล็อก แต่ถึงคราวที่ต้องอัพโหลดฝากเวบแชร์ไฟล์นี่สิ ! เน็ตมือถือมันช้ามาก ๆ อัพโหลดไม่ประสบความสำเร็จ จึงจำเป็นต้องค้นหาวิธีในการนำไฟล์ PDF ขึ้นเวบบล็อกอีกวิธีเมื่อพบเจอก็เลยนำมาแชร์กับเพื่อน ค่ะ นั่นคือ  แปลงไฟล์ PDF เป็นรูปภาพ  แล้ว วางในบทความมันซะเลย  
แปลงไฟล์ pdf ขึ้นเวบบล้อก
เมื่อแปลงไฟล์ pdf เป็นรูปภาพแล้วก็อย่าลืมใส่ keyword ในคำอธิบายรูปภาพด้วยนะคะ  นี่ก็เป็นเทคนิควิธีหนึ่งที่เหล่าบรรดาเทพ seo เค้าแชร์มา  และอาจจะใส่ลิงค์ในรูปภาพไปที่หน้าใดหน้าหนึ่งในเวบบล็อกด้วยค่ะ
สำหรับตัวช่วยแปลงไฟล์ดิฉันแนะนำฟรีแวร์  Boxoft  PDF To jpg  ซึ่งใช้งานง่าย ๆ แค่ 3 ขั้นตอนก็ได้ชิ้นงานรูปภาพนามสกุล jpg   เรียบร้อย สามารถนำมาแปะวางหรือแทรกในบทความของบล็อกเกอร์ได้แล้วค่ะ 
ไอเดียนี้หยิบจับไปใช้ให้เป็นประโยชน์กันเลยค่ะ



05:08 | 4 comments | Read More

แจ้งเกิด blog ด้วยลายเซ็นในเวบบอร์ด

Written By Aucharaporn Theemcle on วันพุธที่ 26 ตุลาคม พ.ศ. 2554 | 20:57

เคยไปดาวน์โหลดบทความเกี่ยวกับ seo มานั่งอ่าน เผื่อว่าจะทำให้ ชวนเพื่อนเขียนบล็อก รุ่งโรจน์โชติช่วงชัชวาลย์  ประมาณว่าคนเข้ามาอ่านวันละ หมื่นอัพ (ปัจจุบันแค่คนหลงทางมาวันละไม่กี่สิบ คนเขียนก็ยิ้มจนแก้มแทบปริ) ก็เลยศึกษาซะหน่อย แต่ทว่าถึงรู้แต่บางเรื่องก็ไม่ทำอยู่ดี  มีบางคำแนะนำเท่านั้นที่นำมาใช้ในบล็อกของตน  และอีกคำแนะนำในการ seo เพื่อให้ search engine ให้ความสนใจกับเวบบล็อก ก็คือ การสร้างลายเซ็นในเวบบอร์ดค่ะ     สาเหตุที่สนใจใคร่จะปฏิบัติตามคำแนะนำ  ก็เพราะว่า เป็นสมาชิกของเวบบอร์ดหลายแห่ง คำแนะนำในการทำ seo จากลายเซ็นในเวบบอร์ดคือ ให้ค้นหาเวบบอร์ดที่มีคำสำคัญเกี่ยวเนื่องกับคำสำคัญในเวบบล็อกของเรา  เช่นที่ ชวนเพื่อนเขียนบล็อก  ก็ต้องตระเวนหาเวบบอร์ดที่มีคำสำคัญเกี่ยวกับบล็อก  แล้วก็ไปสร้างหน้า Profile  และทิ้งลายเซ็นไว้ที่นั่น  แต่ Meesubandmeesuk กลับชอบเป็นสมาชิกเวบบอร์ดที่ไม่เกี่ยวกับ keyword ของตนแต่อย่างใด    แต่ก็อดที่จะนำความรู้มาเล่าต่อไม่ได้ 

การหา traffic จากเวบบอร์ด

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

โปรโมทบล็อกในเวบบอร์ด

วิธีการสร้างลายเซ็นคือการใช้  BBC โค้ด หรือบางที่ให้ให้ใช้สัญลักษณ์แสดงอารมณ์ได้  บางที่ก็ไม่อนุญาติให้ใช้   บางที่ก็ใช้ code html  ได้เลย  อ่านถึงนี้แล้วใครไม่รู้เรื่องโค้ดอะไร อย่าทำหน้าเบ้   เพราะดิฉันเองก็ไม่รู้ค่ะ  สารภาพแบบไม่อายว่าเป็นบล็อกเกอร์ที่ไม่ได้รู้ code อะไรกะคนอื่นเค้าหรอก  แต่ว่าดิฉันช่างค้น ก็เลยมักจะเจอตัวช่วยเสมอค่ะ  ดิฉันใช้   Make link   ซึ่งเป็น addon ของ firefox มาช่วย  นอกจากจะสร้างลายเซ็นในเวบบอร์ดแล้ว  Post ลิงค์ในเวบบอร์ดหรือตามกล่องความคิดเห็นได้ง่ายด้วยนะ  เข้าไปอ่านเพิ่มเติมจาก คู่มือนัก Post ได้นะคะ

 ลายเซ็นในเวบบอร์ด

จากการค้นคว้าและทดลอง จึงรู้ว่า การสร้างลายเซ็นมักจะมีรูปแบบ

ลายเซ็นแบบข้อความ

[url=ที่อยู่ url ]ข้อความหรือคำสำคัญ(keyword)[/url]

ลายเซ็นแบบรูปภาพ

[img]ที่อยู่ url [/img]

ลายเซ็นในอีเมล์สามารถสร้างได้ทั้งเป็นแบบรูปภาพ และแบบข้อความ  แต่ตามคำแนะนำของเทพหรือเซียน seo ทั้งหลายมักจะแนะนำ ลิงค์แบบข้อความ หรือ Text link รวมกับคำสำคัญหรือ keyword ของบล็อก จะ work กว่า เค้าว่ายังง้าน…จ๊ะ  ที่เหลือคงต้องทดลองและรอดูผลแล้วหล่ะ

20:57 | 2 comments | Read More

ใส่ icon print to pdf ในเวบบล็อก กันดีไหม| blogger

ผ่านไปเจอบทความเรื่องของการ หา traffic จากบทความเก่า ๆ ที่เราเคยเขียนไว้ในเวบบล็อกต่างประเทศแห่งหนึ่ง ในข้อเสนอแนะข้อหนึ่งที่ผู้เขียนแนะนำไว้คือ ทำบทความเก่าที่เราเคยสร้างไว้เป็นไฟล์ เอกสาร pdf ก็จะกลายเป็นบทความใหม่ จากบทความเก่าได้ แล้วก็เอาไฟล์ pdf เหล่านี้หา traffic เข้าบล็อกด้วยการ ฝากและแชร์ตามแหล่งแชร์ไฟล์เอกสาร เช่น scribd ,slideshare,google doc เป็น เมื่ออ่านจบก็เหลือบไปเห็น icon สำหรับพิมพ์บทความที่อ่านนี้เป็นไฟล์ pdf ด้านล่างของบทความดังกล่าว นั่นไง get idea แล้ว !

print หน้าเวบเป็น pdfหากว่าเอา icon print to pdf นี้ใส่ในเวบบล็อก ก็จะช่วยให้ผู้อ่านสามารถพิมพ์บทความเราเป็น pdf แล้วเก็บไว้อ่านในเครื่องคอมพิวเตอร์ได้ (แอบคิดในใจว่าบทความที่เราเขียนน่าสนใจมิใช่น้อย ) เพราะมีหลาย ๆครั้งที่เข้าไปเจอบทความที่ต้องการอ่าน อยากเก็บมาไว้ในเครื่องคอม ครั้น copy มาติดโฆษณามาเพียบ  ไม่ค่อยจะชอบใจสักเท่าไหร่ (  แต่ก็พอใจจะติดโฆษณาในบล็อกของตน ) แต่ทว่าบริการที่ดิฉันหยิบมานำเสนอวันนี้ ช่วยตัดโฆษณาผ่านหน้าเวบซะเกลี้ยงเกลา  ได้เฉพาะเนื้อหาล้วน ๆที่เราต้องการอ่าน  และเราสามารถเติมข้อความ เพิ่ม หรือตัดข้อความใน ไฟล์ pdf นี้ก่อน print ได้ด้วยนะ 

ข้อดีอีกอย่างคือ  เรายังสามารถพิมพ์บทความของตนผ่านหน้าเวบเป็น pdf แล้วก็เอาแชร์ตามแหล่งแชร์ไฟล์ได้ โอ้โห 2 ต่อแฮะ ไม่ต้องมา copy บทความของตนจากหน้าเวบแล้วเอาไปสร้างเป็นไฟล์ pdf ให้ยุ่งยาก  อืม.. หรือเพื่อน ๆ คิดว่าไงคะ ?

แต่งบล็อกด้วย pdf

ตามมาพิจารณาเครื่องมือแต่งบล็อกตัวนี้กันหน่อยดีกว่า เครื่องมือปรับแต่งเวบบล็อกตัวนี้ได้มากจาเวบ printfriendly.com ค่ะ โดยเข้าไปเอา gadget จาก http://www.printfriendly.com/button มี 3 ขั้นตอนง่าย ๆ ไม่ยุ่งยาก คือ เลือกประเภทของเวบบล็อกที่เราต้องการจะเพิ่ม icon print to pddf คือ  blogger/Blogspot  ขั้นตอนที่ 2 เลือกรูปแบบที่จะแสดงในหน้าบล็อก  ขั้นตอนที่ 3 คลิีกปุ่ม install on blogger

แต่งบล็อกด้วย pdf

ต่อจากนั้นจะปรากฏหน้าต่างมาให้เราเพิ่มองค์ประกอบของหน้า แต่ว่าในขณะนั้นเราต้อง Login blogger อยู่นะคะ เมื่อเลือกเพิ่มเสร็จแล้ว

แต่งบล็อก ก็จัดการลากองค์ประกอบของหน้า ให้ gadget นี้อยู่ในตำแหน่งที่เหมาะสม จากเมนู แผงควบคุม> การออกแบบ>องค์ประกอบของหน้า  แค่นี้ก็จะมี icon print to pdf ในเวบบล็อกของเราเรียบร้อยแล้วค่ะ 

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

07:56 | 0 comments | Read More

Related Posts พร้อมรูปภาพในรูปแบบ Marquee style

Written By Aucharaporn Theemcle on วันอังคารที่ 25 ตุลาคม พ.ศ. 2554 | 07:25

    ดิฉันเองเคยนำเสนอไปในบทความ           และ   แต่คราวนี้ผ่านไปเจออีกรูปแบบ  เป็น related posts ที่มีรูปภาพพร้อมการเคลื่่อนไหว เลื่อนไปเลื่อนมา    ทดสอบลองเอามาปรับแต่งที่ ชวนเพื่อนเขียนบล็อก   มอง ๆ ดุแล้วก็เข้าทีดีแฮะ  เพื่อนคนไหนอยากทดลองเอาไปใช้บ้างไหม  คะ  ถ้าต้องการทดลองเอาไปปรับแต่งเวบบล็อก Relatd posts แบบมีรูปภาพพร้อมเคลื่อนไหวได้ แบบนี้หล่ะก็  ตามมาทางนี้ค่ะ
    image
        ขั้นตอนแรก Login เข้า blogger ที่หน้าการปรับแต่ง >แก้ไข html > ติ๊กเครื่องหมายถูกหน้า แล้วให้ค้นหาโค้ด </head> เมื่อหาเจอให้นำโค้ดด้านล่างนี้วางไว้ก่อน </head>

        <b:if cond='data:blog.pageType == &quot;item&quot;'>
        <style type='text/css'>
        #related-posts {
        float:center;
        text-transform:none;
        height:100%;
        min-height:100%;
        padding-top:5px;
        padding-left:5px;
        background-color:#003399;
        }
        #related-posts a{
        color:#FFFFCC;
        }
        #related-posts a:hover{
        color:#000000;
        }
        #related-posts a:hover {
        background-color:#C8E6E1;
        }
        </style>
        <script src='http://blogergadgets.googlecode.com/files/relatedthumbs21.js' type='text/javascript'/>
        </b:if>

                ขั้นตอนที่สองในการปรับแต่งบล็อกด้วย Related posts คือหา code ต่อไปนี้้

                <div class='post-footer-line post-footer-line-1'>

                โดยการคลิ๊ก crtl+f  เมื่อหาเจอแล้วให้ copy โค้ดด่างล่างนี้ไปวางไว้ต่อจาก code ดังกล่าว

                <!-- Marquee Start-->
                <b:if cond='data:blog.pageType == &quot;item&quot;'>
                <div id='related-posts'>
                <b:loop values='data:post.labels' var='label'>
                <b:if cond='data:label.isLast != &quot;true&quot;'>
                </b:if>
                <b:if cond='data:blog.pageType == &quot;item&quot;'>
                <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=15&quot;' type='text/javascript'/></b:if></b:loop>
                <div style='text-align: left; font-weight: bold;'><span style='font-size:130%;'>Related Topics</span></div>
                <marquee align='center' behavior='alternate' direction='left' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' width='100%'>
                <script type='text/javascript'>
                var currentposturl=&quot;<data:post.url/>&quot;;
                var maxresults=7;
                var relatedpoststitle=&quot;&quot;;
                removeRelatedDuplicates_thumbs();
                printRelatedLabels_thumbs();
                </script></marquee>
                </div><div style='clear:both'/>
                </b:if>
                <b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
                <Script Language='Javascript'>
                <!--
                document.write(unescape('%3C%61%20%68%72%65%66%3D%27%68%74%74%70%3A%2F%2F%66%72%65%65%2D%37%2E%62%6C%6F%67%73%70%6F%74%2E%63%6F%6D%2F%27%20%73%74%79%6C%65%3D%27%64%69%73%70%6C%61%79%3A%6E%6F%6E%65%3B%27%3E%66%72%65%65%20%37%20%62%6C%6F%67%67%65%72%3C%2F%61%3E%20%7C%20%3C%61%20%68%72%65%66%3D%27%68%74%74%70%3A%2F%2F%66%72%65%65%2D%37%2E%62%6C%6F%67%73%70%6F%74%2E%63%6F%6D%2F%27%20%73%74%79%6C%65%3D%27%64%69%73%70%6C%61%79%3A%6E%6F%6E%65%3B%27%3E%66%72%65%65%20%37%20%6E%65%74%77%6F%72%6B%3C%2F%61%3E'));
                //-->
                </Script>
                </b:if>
                </b:if>
                <!-- Marquee End-->

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

                background-color:#003399;
                }
                #related-posts a{
                color:#FFFFCC;
                }
                #related-posts a:hover{
                color:#000000;
                }
                #related-posts a:hover {
                background-color:#C8E6E1;
                }

                code ตัวเลขสีเขียว ๆ  ตรงนี้ให้เพื่อน ๆ เลือกเปลี่ยนสีเอาเองนะคะ โดยเปลี่ยน code สี   ลองใช้ตัวช่วย แก้ปัญหาสี ในเวบบล็อกกันดูค่ะ

                var maxresults=7;

                ตรงนี้เปลี่ยนตัวเลขการแสดงผลค่ะ ว่าจะให้ related post แสดงผลกี่บทความ  อาจจะให้แสดงผลเป็น 7 หรือ 6 ก็แล้วแต่พอเหมาะ

                ทดลองนำไปปรับแต่งกันดูนะคะ 

                ขอบคุณข้อมูลจาก  free-7blog

                07:25 | 3 comments | Read More

                โปรแกรม ออกแบบ template บล็อกให้ไฉไล| Artisteer

                Written By Aucharaporn Theemcle on วันพฤหัสบดีที่ 20 ตุลาคม พ.ศ. 2554 | 10:15

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

                โปรแกรมออกแบบ template

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

                โปรแกรม Artisteer ใช้สำหรับออกแบบ template เวบไซต์หรือเวบบล็อก หลายค่ายเลยทีเดียว ไม่ว่าจะเป็น bloger ,wordpress,joomla,ฯลฯ การใช้งานโปรแกรมก็ง่าย มี รูปแบบให้เลือกมากมาย   ฟังก์ชั่นการทำงานเพียบ

                โปรแกรมออกแบบ template

                สร้างเสร็จแล้วสามารถอัพโหลดเข้า blogger ได้ทันที  ดิฉันทดสอบใช้กับเวบบล็อกอีกที่หนึ่ง แต่ไม่ได้ปรับแต่งอะไรมาก เพราะหัวศิลปะไม่มีแม้แต่น้อย   แต่ Artisteer ก็สามารถทำให้ดิฉันสร้าง template ในแบบที่ตนเองคิดว่าดูดีที่สุดได้ด้วยตนเอง 

                โปรแกรม Artisteer  ฟังก์ชั่นเพียบขนาดนี้อย่าได้คิดว่าเป็นฟรีแวร์เชียวหล่ะ เค้าอนุญาติให้ดาวน์โหลดมาทดลองสร้าง template ได้ ถ้าหากชอบใจก็ต้องซื้อมาใช้จ๊ะ  หรือไม่ก็ลองค้นตามแหล่งแชร์ไฟล์กันเอาเองนะจ๊ะ   ขอนำเสนออย่างเดียวเท่านั้นจ๊ะ   ทดลองดาวน์โหลดมาออกแบบ template blog หรือเยี่ยมชมเวบไซต์เจ้าของผลิตภัณฑ์ ได้ที่   artisteer.com

                10:15 | 8 comments | Read More

                Related post บทความที่คุณอาจสนใจ ใน blogger

                Written By Aucharaporn Theemcle on วันจันทร์ที่ 17 ตุลาคม พ.ศ. 2554 | 22:30

                เพื่อนใหม่ท่านหนึ่งฝากคอมเม้นท์ไว้ที่บล็อก แต่ว่าคำถามกลับไปอยู่ที่ spam box พึ่งได้เปิดดูเมื่อตะกี้นี้เอง  ครั้นเห็นคำถามตอบได้ทันทีก็เลยรีบตอบดีกว่า  ประเดี๋ยวโรคประจำตัวคือ ขี้ลืม  จะทำพิษให้กลายเป็นการดองคำถาม  

                Related post  ก็คือบทความที่มีความเกี่ยวข้องกัน  ในบทความเรื่องใดเรื่องหนึ่งหากว่าเราเอา Related post มาติดไว้  จะช่วยให้ผู้อ่านสามารถค้นหาข้อมูลเพิ่มเติมจากบทความนั้น ๆ ได้ ดิฉันเองเคยนำเสนอ Related post with thumbnail มาแล้วครั้งหนึ่ง นั่นคือบทความที่เกี่ยวเนื่องกัน หรือเราอาจจะใส่หัวข้อว่า บทความที่คุณอาจสนใจ เหมือนในเวบบางแห่งก็เป็นได้  แต่ว่าบทความที่เคยนำเสนอไป  เป็นบริการฟรี ๆ ของเวบแห่งหนึ่ง ซึ่งเพื่อนหลายคนบอกว่า เอา code มาติดแล้วก็ไม่เห็นแสดงผล  บางวันก็มีโฆษณาของเวบติดมาด้วย  บางวันก็ไม่แสดงผลเอาซะเลย  เห็นมีปัญหาแบบนี้   วันนี้เลยเอาแบบใหม่ มาลองนำเสนอเพื่อน ๆ ดูค่ะ

                Related post ในบล็อก

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

                แต่งบล็อกด้วย related post

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

                <style> #related-posts { float : left; width : 540px; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 11px Verdana; margin-bottom:10px; } #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none; } #related-posts a:hover { text-decoration : none; } #related-posts ul { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url("http://lh3.ggpht.com/_cNpXRtRph18/S76dASm3WGI/AAAAAAAAEJg/AVmw4HhRdsk/rss.png") no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #cccccc; } </style> <script src='http://theblogtemplates.com/scripts/Related_posts_hack.js' type='text/javascript'/>

                ขั้นตอนที่ 2 คลิีก crtl+f ค้นหา โค้ดต่อไปนี้ </head> เมื่อเจอให้ copy code ในตารางด้านบนนี้ไปวาง  โดยให้วางไว้ก่อนหน้า </head>

                การค้นหา code ในบล้อกเกอร์

                ขั้นตอนที่ 3 คลิีก crtl+f เพื่อค้นหา โค้ดต่อไปนี้ <data:post.body/>  หรือไม่ก็ <div class='post-body> หรือบาง template ก็ มีรูปแบบ <data:post.body/> จะค้นหาให้ง่าย อธิบายเพิ่มสักนิดว่า เมื่อคลิ๊ก crtl ค้างแล้วคลิ๊ก f จะปรากฏช่องเล็ก ๆ ด้านล่าง บราวเซอร์ ให้  copy โค้ดทีเราต้องการค้นหาวางลงไป  แล้วค้นหาด้วยการคลิ๊ก ถัดไปเรื่อย ๆ หากเจอจะมี cursor สีเขียว ๆ ให้ดังรุปด้านบนค่ะ   

                <b:if cond='data:blog.pageType == "item"'>
                <div id="related-posts">
                <font face='Arial' size='3'><b>Related Posts : </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'>
                <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop> </font>
                <script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
                </script>
                </div></b:if>

                ขั้นตอนที่ 4 เมื่อค้นหา code เจอแล้ว ให้เพื่อน  ๆ copy code ในตารางด้านบนนี้วางไว้ต่อจาก code ที่หาเจอ 

                ขั้นตอนสุดท้าย เลือกบันทึกแม่แบบ  แค่นี้ก็เรียบร้อย

                เพิ่มเติมอีกนิดนะคะ  จากตาราง code ที่ 2 ตรง  Related Posts :  ข้อความนี้เราสามารถปรับแต่งได้  อาจจะเปลี่ยนเป็นบทความที่คุณอาจสนใจ  หรือข้อความอื่น ๆ ได้

                อีกที่คือ max-results=5 

                เป็นค่าที่กำหนดการแสดงผลบทความ  หากต้องการให้แสดงกี่บทความเราก็เปลี่ยนที่ จาก 5  เป็น 4 หรือ 3 แล้วแต่อยากจะกำหนด  แต่จากการทดลองของดิฉ้นเอง เปลี่ยนค่าเป็น 4 แต่ผลการแสดงกลับเป็น 5  เปลี่ยนค่าเป็น 5 การแสดงบทความเป็น 6  เอาเป็นว่าลองทดสอบดูกันเอาเองค่ะ

                ตั้งข้อสังเกตอีกนิด  บาง template  อาจต้องรอนานกว่าจะมีการแสดงผล  บาง template ติดตั้งทันทีใช้ได้เลย  เคยทดสอบที่ ชวนเพื่อนเขียนบล็อก  มันไม่แสดงผลทันที  ก็เลยทิ้งไว้  วันถัดมาลองมาเปิดดู อ้าวปรากฏว่ามีการแสดงผลเกิดขึ้น

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

                ที่มา http://widgetsforfree.blogspot.com/2009/01/related-posts-widget-for-blogger.html

                22:30 | 2 comments | Read More

                เมื่อ บล็อกถูกลบ blogger

                Written By Aucharaporn Theemcle on วันอังคารที่ 11 ตุลาคม พ.ศ. 2554 | 08:07

                หลังจากเข้าไปแก้ไขอีเมล์ ของตนในหน้า profile ของ blogger อีก account หนึ่ง  ตกเย็นของวันนัั้นเขียนบทความเสร็จก็ตั้งใจ post บทความในเวบบล็อกดังกล่าว  ผลปรากฏว่า post บทความผ่าน windowslive writer ไม่ประสบความสำเร็จ  ต่อจากนั้นทดลองเปิดบราวเซอร์ ไปที่ url ของบล็อก กลับมีข้อความบอกว่า บล็อกถูกลบ

                บล็อกลบ

                เข้าบล็อกอื่น ๆใน google account นี้ ไม่ได้สักที่  Google แจ้งว่าบล็อกถูกลบแล้ว  อ้าวเภิดอะไรขึ้น  เป็นเวบบล็อกที่อุตสาห์ฟูมฟักขึ้นมาเกือบ 3 เดือนเต็ม  ค่อยทำค่อยปรับ  ไฉนเลยใจร้ายจะมาลบบล็อกของเราได้

                พลันก็นึกขึ้นมาได้ว่าเคยเจอเหตุการณ์แบบนี้มาครั้งหนึ่งแล้ว   จำได้ว่ามีบล็อกอีก account หนึ่งถูกลบ   เหตุที่ Google แจ้งลบบล็อกก็เพราะว่า  มีการ Login บล็อกนี้ผ่านประเทศจีน ถึง 2 ครั้ง ทั้ง ๆที่ดิฉันอยู่ประเทศไทย   เมื่อ Google เจอเหตุการณ์ผิดปกติจึงลบบล็อกและแจ้งให้เจ้าของบล็อกยืนยันตัวตน  พร้อมส่งรายละเอียดการ Login เข้า account ของดิฉันเองมาให้ทราบ   หลังจากนั้น google แนะนำให้ดิฉันแก้ไข password เพื่อป้องกันเหตุการณ์ดังกล่าวเกิดขึ้นอีก  และครั้งนี้ก็คงจะเช่นกัน  ความรู้สึกตกใจและเสียใจค่อยลดลง  แต่ยังไม่เบาใจนัก จึงทดลองดำเนินการกู้บล็อกคืนและก็กลับมาได้  จึงนำมาแชร์กับเพื่อน ๆ น่าจะเป็นประโยชน์กับบางคนที่เจอปัญหาเหมือนกัน และหลายคนที่ยังไม่เจอปัญหา แต่ป้องกันไว้ก่อนจะดีที่สุด  มาลองดูประสบการณ์ในการกู้บล็อกคืนของดิฉันกันนะคะ

                ดิฉันเข้ามาศึกษาข้อมูลที่หน้า เพิ่มตัวเลือกในการกู้คืนบัญชี  จึงได้ทราบวิธีการ

                กู้บล็อกคืน วิธีที่ 1 คือ วิธีกู้คืนจาก E-mail address ในครั้งแรกที่สมัคร Google จะส่งอีเมล์ให้เรา ยืนยันอีเมล์ หากยัง Login อีเมล์นี้ได้  ก็ให้คลิ๊กจากลิงค์นี้เพื่อยืนยันบัญชีได้เลย เพราะฉะนั้นใครไม่อยากเจอปัญหา เก็บหน้า นี้ในอีเมล์ไว้ให้ดีนะคะ 

                กู้รหัสบล็อกคืน

                วิธีที่ 2 ยืนยันจากโทรศัพท์  ให้ Login จาก Google account ที่มีปัญหาผ่านหน้าเวบบราวเซอร์ได้เลย

                ยืนยันบล็อกเกอร์

                หลังจากนั้นจะปรากฏหน้าต่างให้ยืนยันบัญชี  โดยจะสามารถยืนยันได้ 2 แบบคือ  sms หรือข้อความตัวอักษร  และวิธีที่ 2 เป็นข้อความเสียงจาก Google 

                ยืนยันตัวตนบล็อกเกอร์ 

                หลังจากนั้น Google จะส่งรหัสให้ยืนยันบัญชีมาที่โทรศัพท์เมื่อได้รับก็กรอกข้อมูลลงไป   ถ้าหากยังไม่ได้รับรหัสยืนยัน   ต้องรอหน่อยนะคะ  อย่าพึ่งใจร้อนส่งไปซ้ำ ๆ กัน

                กรณีที่ 3 กรณีเฉพาะบุคคลที่ใช้ Gmail เท่านั้น  วิธีการยืนยันแบบนี้

                คำถามบล็อกเกอร์ผู้ขอกู้คืนบล็อกจะต้องตอบคำถามบางอย่างจาก Google เพื่อยืนยันตัวตน

                กรณีสุดท้าย กรณีนี้ดิฉันเจอเข้ากับตัวเอง  เนื่องจาก e-mail ที่ใช้สมัครเป็นอีเมล์ชั่วคราว ไม่ได้ใช้ gmail และ เลือกยืนยันทางโทรศัพท์ รอจนหลับไป 3 ตื่นก็ไม่เห็นมี sms ส่งมา วิธีการสุดท้าย ดิฉัน  ติดต่อกับ Google Team โดยตรงทันที  แต่ต้องส่งรายละเอียดเป็นภาษาอังกฤษ

                ติดต่อบล็อกเกอร์

                ดิฉันใช่จะเก่งภาษาอังกฤษ  แต่ทดลองเรียบเรียงคำพูดเพื่อ บอกปัญหาที่เราเจอแล้วส่งไป รอ 1 วันเต็ม ๆ ก็มีจดหมายตอบกลับมา  พร้อมกับสามารถ Login เข้า Google account และได้บล็อกกลับคืนมา

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

                 

                 

                08:07 | 8 comments | Read More

                ข้อความแบบเลื่อนใน blog | scrolling text

                Written By Aucharaporn Theemcle on วันอาทิตย์ที่ 9 ตุลาคม พ.ศ. 2554 | 06:26

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

                image

                โดยทั่วไปหากเราเพิ่มข้อความแบบเลื่อนในเวบบล็อก  ก็คงไม่เพิ่มข้อความเยอะแยะมากมายนัก ไม่จำเป็นต้องไปดาวน์โหลดโปรแกรมอะไรมาสร้าง  คงไม่ตัองไปลงทะเบียนเรียนภาษา html ขนาดนั้นหรอก  แค่มาใช้บริการเวบให้บริการสร้างข้อความแบบเลื่อน (scrollin text ) ก็ทำได้ค่ะ

                มาที่เวบนี้กันดีกว่า  http://seotools.bloggertricks.com/  ที่นี่ให้เราสร้าง code ตัวอักษรเลื่อนเป็น html code เมื่อสร้างเสร็จแล้วสามารถนำ copy มาวางใน gadget html/javascript ในเวบบล็อกได้ทันที    ดิฉันนำวีดีโอที่แนะนำวิธีการสร้างตัวอักษรแบบเลื่อนจากเวบ bloggertricks มาแปะไว้ด้วย รับรองค่ะว่าไม่ยาก  ศึกษาแล้วลองเอามาปรับแต่งบล็อกของเราดูนะคะ

                scrolling text in blogger
                06:26 | 2 comments | Read More

                แต่งบล็อกให้ครบเครื่องด้วย Wibiya

                Written By Aucharaporn Theemcle on วันพฤหัสบดีที่ 6 ตุลาคม พ.ศ. 2554 | 01:28

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

                แต่งบล็อกด้วย wibiya

                วันนี้ผ่านไปเจอเครื่องมือแต่งบล็อกฟรีที่เจ้าของเวบเค้าโปรโมทนักหนาว่า หากมีเครื่องมือชิ้นนี้ไว้ จะช่วยเพิ่ม traffic (จำนวนผู้เยี่ยมชมบล็อก) ได้มากขึ้น เครื่องมือนี้คือ Toolbar ของ Wibiya ค่ะ  เป็น Toolbar ที่รวบรวมเครื่องมือสำหรับอำนวยความสะดวกให้กับผู้เยี่ยมชมบล็อก  ไมว่าจะเป็น app ด้าน share,content ,chat, และอีกมากมาย  ดังนั้นดิฉันคงไม่ให้ผ่านเลยไป เก็บเรื่องนี้มานำเสนอให้เพื่อน ๆ ที่ ชวนเพื่อนเขียนบล็อก  หยิบไปปรับแต่งบล็อกของตนดีกว่า

                เครื่องมือแต่งบล็อก

                สำหรับขั้นตอนในการสมัครเพื่อนำ code มาปรับแต่งเวบบล็อก มีกระบวนการแค่ 4 ขั้นตอน ขั้นตอนแรกคือ สมัครใช้บริการ

                ปรับแต่งเวบบล็อก

                ขั้นตอนที่ 2 เลือกรูปแบบการแสดงผล  ในขั้นตอนนี้ใครอยากปรับแต่ง สัญลักษณ์ตรงหน้า url หรือที่เรียกว่า favicon  ก็สามารถปรับแต่งได้  โดย wibiya ใช้คำว่า website icon ตามรูปด้านบนเลยค่ะ

                ขั้นตอนที่ 3 หลังจากเลือก Theme หรือรูปแบบแล้ว ก็เลือก app ที่ต้องการให้แสดงบน แถบของ Wibiya  เห็นแล้วต้องบอกว่า โอ้โห อะไรมันจะมากมายขนาดนั้น  ลองเลือกใช้ดูนะคะ

                app ปรับแต่งบล็อก

                ขั้นตอนสุดท้าย  เลือกเอาเครื่องมือที่เราสร้างขึ้น จาก Wibiya แห่งนี้มาแปะไว้ในเวบบล็อกของเราค่ะ

                เวบบล็อก

                Tool bar ของ Wibiya สนับสนุนเวบบล็อกในหลายรูปแบบทั้ง wordpress ,blogger,joomla,ning, ฯลฯ  ชาวเราบล็อกเกอร์ ก็คลิ๊กเลือกที่บล็อกเกอร์เลยค่ะ  หลังจากนั้นหากเรา Login account นั้นอยู่แล้ว ก็จะปรากฏหน้าต่างให้เพิ่มองค์ประกอบของหน้าในเวบบล็อกทันที  หากยังไม่ได้ Login ก็จะปรากฏหน้าต่างให้เรา Login ที่ Blogger ก่อนค่ะ

                 บล็อก

                คลิ๊กเพิ่มเครื่องมือ  เสร็จแล้วก็เรียบร้อย  ลองคลิ๊ก ไปดูที่การแสดงผลหน้าเวบบล็อกได้เลย   สำหรับวิธีการนี้ไม่ต้องยุ่งยากกับเรื่อง code ใด ๆ ทั้งสิ้น

                เวบบล็อก

                นั่นปะไรเสร็จเรียบร้อย  แสดงผลเรียบร้อยแล้วค่ะ  พอเปิดหน้าเวบขึ้นมาจะมี Toolbar ขนาดเล็กปรากฏอยู่ด้านล่างของเวบบล็อก  นอกจากช่วยอำนวยความสะดวกให้กับผู้เยี่ยมชม   ยังอาจเป็นการเพิ่ม taffic ให้กับเวบบล็อกของเรา ดังคำที่เจ้าของ Toolbar โปรโมทก็เป็นได้   อันนี้คงต้องรอดูผลกันนะจ๊ะ   เข้่าไปใช้บริการ  Wibiya กันได้ที่นี่ค่ะ  Free web Toolbar|Wibiya

                01:28 | 5 comments | Read More

                สร้างรูปแบบ contact us ด้วย google docs

                Written By Aucharaporn Theemcle on วันอังคารที่ 4 ตุลาคม พ.ศ. 2554 | 19:35

                 

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

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

                contact us ด้วย google doc

                ดังนั้นวันนี้มาลองเพิ่มหน้า contact us หรือติดต่อเรา ในบล็อกกันดูไหมคะ  การเพิ่ม contact us ในเวบบล็อก  ดิฉันขอนำเสนอ การสร้างแบบฟอร์ม  contact us จาก Google Docs นะคะ เพราะยังไงซะเราก็เป็นสมาชิกของ Google กันอยู่แล้ว   สำหรับวิธีการสร้างฟอร์ม contact us ดิฉันขอนำวีดีโอมาแปะให้เพื่อน ๆ ได้ศึกษาค่ะ รับรองทำได้แน่นอน เพราะเค้าอธิบายละเอียดยิบ

                สำหรับวิธีการวางฟอร์ม contact us ก็โดยการนำ embed code มาวางในเวบบล็อก  ซึ่งสามารถวางได้ 2 รูปแบบ

                1. คือเอาวางในส่วนของบทความโดยปกติทั่วไป  ดังเช่นในวีดีโอด้านบนอธิบาย 

                2 คือการสร้างหน้าเวบให้เป็น contact us โดยตรง  เพื่อนท่านใดยังไม่ได้ศึกษาถึงวิธีการสร้างหน้าเวบ  ลองค้นเพิ่มเติมจากบทความนี้ค่ะ   แปลงร่างเวบบล็อกให้คล้ายเวบไซต์ด้วย Gadget หน้าเวบ

                สร้าง contact us ด้วย google doc หลังจากได้ embed code จาก Google Docs ก็นำมาวางในหน้าเวบในส่วนของ แก้ไข HTML ดังภาพเมื่อบันทึกแล้วก็จะได้ หน้าเวบที่เป็น contact us เรียบร้้อยแล้วค่ะ  เมื่อมีเพื่อนท่านใดกรอกข้อมูลติดต่อเรา  ผลก็จะไปปรากฏที่เอกสาร Google Doc ของเรา  ทั้งนี้ยังมีส่วนช่วยในการเก็บข้อมูล ผู้ติดต่อได้ด้วยนะคะ

                ในส่วนของ Google Docs ที่ใช้งานในเวบบล็อก ยังสามารถนำมาสร้าง แบบทดสอบออนไลน์ในเวบบล็อก  โชว์เอกสาร Google Docs ในเวบบล็อกก็ได้ และยังมี การติดแบบสอบถามให้เวบบล็อกด้วย Google Docs  ศึกษางาน Google Docs ไว้ก็ไม่เสียหลายนะคะ  เครื่องมือฟรี ๆ ขึ้นอยู่กับว่าเราจะจับมันมาใช้งานหรือไม่  เหมือนเวบบล็อกของ Blogger นี่หล่ะค่ะ

                19:35 | 5 comments | Read More