ตัวอย่างบทความจาก Hackublog.blogspot.com

Facebook ถือเป็น Social Network ที่กำลังเติบโตอย่างรวดเร็วในปัจจุบัน จึงเป็นเครื่องมือสำคัญอีกอันหนึ่งในการโปรโมท Blogger ของเราได้เป็นอย่างดี

บทความนี้จึงขอนำเสนอการสร้าง Facebook fan box บน blogger ซึ่งจะช่วยโปรโมท blog ของเราบน facebook ได้ และในทางกลับกันก็ยังสามารถโปรโมทกิจกรรมบน Facebook ของเราใน blog ของเราได้เช่นกัน


ขั้นเตรียมการติดตั้ง

แน่นอนครับใครที่ยังไม่มี Account ใน Facebook ก็ต้องไปลงทะเบียนไว้ก่อน ที่นี่ครับ

เอาล่ะครับ…ตอนนี้ผมก็ขอเหมาว่าทุกคนมี Account ใน Facebook  ครบทุกคนแล้ว ต่อไปก็ดำเนินการติดตั้งจริงกันเลยครับ


ขั้นตอนการติดตั้ง

ขั้นที่ 1 ไปที่สร้างหน้าใน Face book ขึ้นมา 1 หน้า โดยไปที่ >> Create Pages

จากนั้นให้ทำการ Log in จากตรงนี้ (ใครที่ log in อยู่แล้วก็ไม่ต้อง log in ซ้ำครับ)



ขั้นที่ 2 กรอกรายละเอียดต่างๆ ดังนี้



2.1 ในส่วน Brand, Product, or Oganization: ให้เลือกเป็น website
2.2 ตั้ง Name of Page เป็นชื่อที่ต้องการตามใจชอบ
2.3 ใส่การสะกดอักษร เพื่อให้ทราบว่าเราไม่ใช่พวก Spam!
2.4 คลิกปุ่ม Create Page


ขั้นที่ 3 เมื่อจบขั้นที่ 2 แล้วก็จะเข้าสู่หน้าที่สร้างเมื่อครู่



เราสามารถที่จะเปลี่ยนรูปและแก้ไขข้อมูลต่างๆ ได้นำเมาส์ไป over ที่เครื่องหมาย ? แล้วก็ทำการแก้ไขตามต้องการ



ขั้นที่ 4 ต่อไปเป็นการ Import blog ของเราเข้าไปใน Facebook ครับ

คลิกที่เครื่องหมาย + และเลือก Note เหมือนในรูป

เมื่อปรากฎ แถบ Note ขึ้นมาแล้วก็ คลิกที่ปุ่ม +Write a New Note

จากนั้นก็จะปรากฎ หน้าต่างในการเขียน Note ดังรูป

ไม่ต้องเขียน Note ใด ๆ ทั้งสิ้น แต่ให้คลิกที่ icon Note ที่ด้านขวา-บน

จากนั้นให้ คลิก Import blog (ดูรูป) เพื่อนำเข้าบล็อกของเราครับ

หน้าถัดมาให้ทำการกรอก URL ของ blog ลงไป และคลิกยอมรับเงื่อนไขข้อตกลงและคลิกปุ่ม  

Start Importing 

สุดท้ายก็ Confirm Import อีกที

ขั้นที่ 5 กลับไปที่หน้าหลัก (ของหน้าที่สร้างขึ้น) โดยคลิกที่ ชื่อของหน้า (ดูด้าน ซ้าย-บน)

ในหน้าหลันี้หากคุณต้องการลบแถบใดที่สร้างขึ้นโดยไม่จำเป็นก็สามารถลบแถบนั้นได้โดยคลิกที่แถบดังกล่าวแล้วเลือก Delete ได้เลยครับ (ไม่จำเป็นก็ไม่ต้องลบหรอกครับ)

ขั้นที่ 6 ตอนนี้ก็ถือว่าเราได้สร้าง Fan Page สำเร็จแล้ว ต่อไปจะเป็นขั้นตอนนำมาติดตั้งที่ blogger

เพื่อไม่ให้คุณหลงทางอยู่ใน Face book และง่ายต่อการอธิบายของผมด้วย

 คลิกที่นี่เลยครับ

เมื่อคลิกตามที่ผมนำทางไว้ให้แล้วทุกคนก็จะมาที่หน้านี้

เราสามารถเลือกแบบติดตั้งแบบอัตโนมัติบน blogger ได้โดย คลิกที่ Logo ของ blogger ได้เลยครับ

แต่ในที่นี้ผมจะใช้วิธีนำโค้ดไปใส่ใน blog ด้วยตนเองซึ่งทำได้ดังนี้

6.1 คลิกที่ปุ่ม Other และคัดลอกโค้ด ด้านล่างเก็บไว้

6.2 Log in เข้าไปที่ blogger ของคุณ คลิกที่นี่

6.3 ไปที่แผงควบคุม >> รูปแบบ >> องค์ประกอบหน้า >> เพิ่ม Gadget ชนิด HTML/จาวาสคริปต์ >> วางโค้ดที่ได้คัดลอกในข้อ 6.1 ลงไปและทำการบันทึก


หากความกว้างไม่พอดีกับ Template ก็สามารถ ปรับโค้ดได้โดยแก้ที่ตัวเลขความกว้าง ในตำแหน่งที่แสดงในรูปด้านบนได้

สำหรับบทความนี้ก็ขอจบลงเพียงเท่านี้ และเครดิต บทความนี้ก็ขอยกให้ Facebook + bloggerplugins และตัวผมเองครับ

สุดท้ายก็ขอให้ติดตั้งได้สำเร็จทุกคนนะครับ

และหากไม่รังเกียจก็ถือโอกาสนี้ ขอเชิญสมาชิกติดตาม เป็นแฟนผมบน facebook นะครับ

คลิกที่นี่เพื่อสมัครเป็นแฟนครับ

HVWCTWPNXW2W

Read more »

ตัวอย่างบทความจาก Hackublog

ต่อเนื่องจากบทความ “ทำความรู้จักกับ Feed ใน Blogger” ผมก็คาดหวังว่าสมาชิกคงจะรู้จักกับ RSS Feed ของ blogger กันแล้ว

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

FeedBurner ก็คือแหล่งหรือบริการที่ทำหน้าที่นำ Rss Feed ไปยังแหล่งปลายทาง ซึ่งจะทำให้ผู้รับ สามารถ บอกรับ RSS Feed ผ่าน email , web browser , Google reader เป็นต้น

นอกจากนี้ FeedBurner ยังช่วยให้เจ้าของ Feed ตัวจริงลดภาระแบกค่า bandwitch เพราะ FeedBurner จะทำการแบ่งเบาภาระไปในส่วนนี้แืทน


เมื่อทราบประโยชน์จากการใช้บริการจาก FeedBurner แล้ว เรามาเริ่มศึกษาการใช้บริการกันเลยครับ
 

ขั้นตอนการสมัครและใช้บริการ

1. ไปที่ http://feedburner.google.com และใช้ accout เดียวกับ blogger หรือ gmail กรอกลงไปครับ (ไม่ต้องสมัครใหม่)



2. ให้กรอก URL ของบล็อกเราลงไป (ไม่จำเป็นต้องบอกตำแหน่งไปถึง URL ของฟีด)

 

จากนั้นคลิก Next ส่วนจะเลือก I am a Podcaster ด้วยหรือไม่นั้น ก็ต้องดูด้วยว่าบล็อกเรามี Content เป็น Podcast ด้วยหรือเปล่า ( คลิกข้อความนี้เพื่ออ่านความหมายของ Podcast )

3. ขั้นต่อมาเมื่อ feedburner ตรวจสอบพบ feed ของบล็อกเราแล้ว ก็จะถามว่าต้องการ ใช้ Feed แบบ Atom หรือ แบบ RSS จะเลือกแบบไหนก็ได้ครับ (การทำงานของ Atom และ RSS ก็เหมือนกันครับ RSS เกิดขึ้นมาก่อน Atom เท่านั้น แต่ google จะสนับสนุน (หนุนหลัง) Atom มากกว่า RSS ) ในที่นี้ผมจะเลือก RSS


4. ต่อไปเป็นการตั้งหัวข้อของ feed และ URL ของ feed ซึ่งควรจะตั้งให้สัมพันธ์กับชื่อบล็อกครับ และไม่ซ้ำกับชื่อที่มีอยู่แล้ว



5. เมื่อตั้งชื่อในข้อ 4 เสร็จแล้ว เราจะได้รับข้อความตอบรับ และบอก URL Feed ของเรา เช่น ในที่นี้ URL ที่ผมได้ก็คือ http://feeds.feedburner.com/Hacku2 จากนั้นก็กด next ครับ

 

6. ถัดจากข้อ 5. เราก็จะพบกับหน้าต่างนี้ เป็นการตั้งค่าสถิติ ต่างๆ เช่น ดูว่ามีคน subscribed feed ของเรากี่ครั้ง/กี่คนเป็นต้น แนะนำว่าเอาแบบเดิมๆ นี่แหละครับ และกด next อีกทีครับ


7. เมื่อจบขั้นที่ 6 ก็ถือว่าเราได้สร้างตัวช่วยในการส่งออก feed ให้กับ blog อย่างเต็มอัตราแล้ว



8. ในขั้นนี้เป็นการตั้งค่า feed ให้ใช้งานได้ทุกสถานการณ์ โดยคลิกที่แถบ Optimize  แล้วคลิกที่ SmartFeed ทางซ้ายมือเพื่อจะเปิดใช้งาน เพราะการเปิดการใช้งาน SmartFeed มีข้อดีคือรองรับทุก Feed Reader นั่นเอง >> สั่ง Activate ได้เลยครับ




9. ต่อไปเป็นการเรียกเอา feed ที่สร้างไว้กับ feedburner ไปใช้งาน โดยให้คลิกที่แถบ Publicize และทำการ Activate เครื่องมือต่างๆ ดังนี้


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

9.1 ตัวแรก Email Subscriptions ใช้ในกรณีที่อยากมีใครจะติดตามอ่านบล็อกเราผ่านอีเมล์ สั่ง Activate และ save ได้เลยครับผม





เมื่อสั่งให้มันทำงานแล้ว ก็ให้คัดลอกโค้ดไปวางในบล็อกโดย Add gadget ชนิด HTML/จาวาสคริปต์ >> วางโค้ดลงไปและบันทึกครับ

โดยปกติแล้วโค้ดของ Email Subscriptions จะไม่มีรูปภาพ ถ้าใครอยากได้รูปภาพสวยๆ ไปใส่ให้ดูสวยงามขึ้นก็เอาจากผมไปได้เลยครับ

<center><img src="http://upic.me/i/xu/9feed.png"/></center>

ตัวอย่างเมื่อนำ Email Subscriptions  มาใส่ในบล็อกครับ

Put Your Email Here :

9.2 ตัวต่อมาก็มาเปิด Feedcount ซึ่งเป็นระบบนับจำนวนคนอ่านฟีดของเรา สั่ง Activate และ save ได้เลยครับผม


 

จากนั้นให้คัดลอกโค้ดมาแปะที่ blogger ในตำแหน่งที่ต้องการได้ เช่นเดียวกับข้อ 9.1



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



Trip : เราสามารถนำโค้ดของ Feedcount รวมกับ Email Subscriptions  ได้เลยเพราะจะทำให้ไม่เปลืองเนื้อที่ของ sidebar มากนัก  และเมื่อรวมโค้ด 9.1+9.2 มาแปะที่บล็อกเกอร์แล้วจะได้ผลงานดังนี้ครับ

Enter your e-mail:

9.3 ถึงขึ้นนี้เราก็ได้ลงทะเบียนใช้งาน Publicize ไป 3 ตัวแล้ว เหนื่อยไหมครับ…



ต่อไปเป็นการลงทะเบียน ใช้งาน Headline Animator ซึ่งเป็นเหมือนพาดหัวข่าวของบล็อก และมีจุดน่าสนใจคือ มันจะเวียนบทความในบล็อกของเราแบบวงกลมไปเรื่อยๆ ถ้าใครสนใจก็ตั้งค่าต่างๆ ตามความพอใจแล้วตั้งค่า add ไปยัง blogger ของเราครับ (ดูรูป)

 
และเมื่อทำตามขั้นตอนมาจนกระทั่งถึงหน้านี้แล้ว ให้คลิกที่ “แก้ไขเนื้อหา” เราก็จะเห็นโค้ด เราอาจจะคัดลอกโค้ดไปวางในบล็อกของเราด้วยตนเองก็ได้ หรือถ้าทำตามขั้นตอนไปเรื่อย ๆ ก็จะ add เครื่องมือนี้ไปยังบล็อกของเราโดยอัตโนมัติเช่นกัน (แต่จะปรากฎในตำแหน่งที่เราไม่ต้องการ ซึ่งต้องไปจัดวางตำแหน่งในภายหลังอีกที)



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

ถ้าสนใจก็ ตั้งค่า >> Activate >> คัดลอกเอา โค้ด ไปวางในบล็อกหรือเว็บไซต์อื่นๆ ที่ต้องการได้เลยครับ >> เสร็จแล้วก็อย่าลืม save ด้วยครับ



9.5 ตัวต่อมาก็คือ PingShot ก็เปิดใช้งานได้เลย ทุกๆครั้งที่ฟีดเราอัพเดต เจ้า FeedBurner ก็จะแจ้งให้ Search Engine ต่างๆได้ทราบและก็เข้ามาเก็บข้อมูลได้แล้ว ส่วนตัวแนะนำให้เปิดใช้งานครับ ไม่ต้องใช้ระบบ Auto Ping ให้ยาก ลำพังเจ้านี้ ก็ทำการปิงให้เสร็จสรรพ



9.6 ต่อไป (คนเขียนเริ่มเหนื่อยครับ) Socialize เครื่องมือนี้จะทำงานร่วมกับ twitter โดย จะส่ง update ของบล็อกเรา ผ่านทาง twitter ให้ด้วย(ดีจริงๆ) ถ้าหากจะใช้งานเครื่องมือนี้ ก็จะต้องมี account ของ twitter ก่อนนะครับ


9.7 Chicklet Chooser ใช้เพื่อทำการบอกให้รับรู้ว่าผู้ที่ต้องการรับ Feed จาก Blog ของเราสามารถเรียกใช้จากตัวนี้ได้เลยครับ

ถ้าสนใจก็คลิกเลือก Chicklet Chooser แล้วเลือกครับว่าจะต้องการมีปุ่มบอกรับแบบไหน
เมื่อเลือกได้แล้วก็ทำการ คัดลอกโค๊ดจากในช่อง "Copy the HTML below for use in your own page templates:" ไปวางใน templates ได้เลยครับ




10. ต่อไปเฉพาะผู้ที่สนใจทำรายได้ผ่านบล็อก(ในกรณีที่มีคนเข้าชมบล็อกของคุณมากๆ) ก็ให้คลิกที่แถบ Monetize แล้วลองศึกษาดูนะครับ ผมเองยังไม่ได้ทดลองใช้ Monetize เหมือนกันครับ




บทความนี้ยาวไปนิด เพราะอยากให้ละเอียด คงไม่ว่ากันนะครับ (ทนๆ อ่านหน่อยนะครับ) 
สุดท้ายก็หวังอย่างยิ่งว่าบทความนี้จะเป็นประโยชน์ต่อชาว blogger ทุกคนครับ

Read more »