i green monkey / ร้อยรักม่านมนตรา: แต่งบล็อก

แสดงบทความที่มีป้ายกำกับ แต่งบล็อก แสดงบทความทั้งหมด

การแต่ง Blogger สำหรับคนไม่มีพื้นฐานเลย ตอนที่ 3 Facebook Like Box

การทำ Like box ติ๊กสารภาพเลยว่าปล้ำกับมันตั้งแต่บ่าย 3 จน 2 ทุ่มค่ะ

เพื่อไม่ให้เป็นการเสียเวลา..เรามาเริ่มกันเลยดีกว่านะคะ

การที่จะทำ Like box ได้นั้นจะต้องมีหน้าแฟนเพจอยู่แล้วนะคะถึงจะทำได้

ถ้าไม่มีก็ให้ไปสร้างหน้าแฟนเพจขึ้นมาก่อนใน Facebook ค่ะ

ถ้าใครทำไม่เป็นให้เข้าไปทำตามนี้ได้เลยค่ะ http://bombik.com/node/299/%E0%B8%A7%E0%B8%B4%E0%B8%98%E0%B8%B5%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B8%97%E0%B8%B3-fanpage-%E0%B9%83%E0%B8%99-facebook-%E0%B9%81%E0%B8%A5%E0%B8%B0%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B8%97%E0%B8%B3%E0%B8%9B%E0%B8%B8%E0%B9%88%E0%B8%A1-like

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

พอเรามีหน้าแฟนเพจเรียบร้อยแล้ว

อยากจะเอาหน้าแฟนเพจมาแปะไว้ที่ Blogger ของเราต้องทำยังไง

เหมือนไม่ยากเลยค่ะแต่กว่าติ๊กจะทำสำเร็จก็นานพอดู

ขั้นตอนการทำ

1. Copy URL ของหน้าแฟนเพจที่เพิ่งทำเสร็จ

เอาไปวางไว้ที่ Notepad ก่อนเลยค่ะเพื่อสะดวกแก่การทำงาน

ปล.เอามาทั้งหมดพอวางที่ Notepad แล้วมันจะยาวเฟื๊อยแค่ไหนก็อย่าไปสนค่ะ

2. เข้าไปที่ลิงค์นี้ในหน้า Facebook ค่ะ

กดได้เลยค่ะ

http://developers.facebook.com/docs/reference/plugins/like-box/

พอเข้าไปแล้วจะเห็นช่องที่ให้เรานำ URL ของแฟนเพจที่เรา copy เอาไว้แล้วไปวางค่ะ

ช่อง “Facebook Page URL”

หลังจากที่เราใส่ URL ลงไปเราสามารถปรับแต่ง Like box ได้ตามใจชอบค่ะ

มีที่ให้ติ๊กแค่ไม่กี่ที่และก็ขึ้นตัวอย่างมาทางด้านขวามืออยู่แล้วค่ะ

ไม่ยากเลยสำหรับการตกแต่ง Like box

3. เมื่อตกแต่ง Like box เสร็จเรียบร้อยแล้ว

ก็ให้กด Get code ที่อยู่ปุ่มล่างสุดของกล่องปรับแต่งค่ะ

เมื่อได้ code มาแล้ว ก็ทำทุกอย่างเหมือนเดิมคือ

หากต้องการเพิ่มอะไรเข้าไปในบล็อกเราก็แค่เพิ่ม Code ลงใน

การออกแบบ>>>องค์ประกอบหน้า>>>เพิ่ม Gadget>>>

>>HTML/จาวาสคริปต์ ทำทุกขั้นตอนนับจากนี้

เหมือนกับการเพิ่มกล่องเพลงในบล็อกเลยค่ะ

สรุปก็คือ ^O^ ไม่มีอะไรยากเลยค่ะ

แต่กว่าจะหาลิงค์ไป Like box ได้ถูกอันนั้น

หายากมากค่ะเพราะมีแต่ลิงค์เก่าเอาไปทำก็ทำไม่ได้

posted under แต่งบล็อก | 0 Comments

การแต่ง Blogger สำหรับคนไม่มีพื้นฐานเลย ตอนที่ 2 ใส่กล่องเพลง

การเขียนบทความ การจัดการอื่นๆ บนบล็อก สามารถคลำไปได้ง่ายๆ จ้า

บทความในบล็อกนี้เน้นอะไรที่ทำแล้วมักไม่ได้อย่างใจ

นั่งมานานแล้วนะทำไมไม่ได้สักที ประมาณนั้นละค่ะ ^O^

ตอนที่ 2 นี้ เรามาว่ากันด้วยเรื่องการใส่เพลงลงในบล็อกของเรากันนะคะ

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

www.mixpod.com นะคะ หน้าตาของเว็บก็เป็นตามนี้เลยค่ะ

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

จะกี่เพลงก็ได้ตามแต่เราต้องการ

เลือกเพลงเสร็จแล้วก็ตกแต่งกล่องเพลงให้สวยงามตามชอบใจ

เลือกรูปแบบกล่องเพลง

เลือกสีและลวดลายของกล่องเพลง

กำหนดกล่องเพลง เล่นเพลงอัตโนมัติ เล่นเพลงซ้ำ หรือปรับระดับเสียง ทางด้านขวามือจะแสดงตัวอย่างของกล่องเพลงที่เราตกแต่ง

กด Save playlist และเลือกประเภทเพลง ตั้งชื่อให้เรียบร้อย

ก่อนจะกดปุ่มล่างสุด Save (get code)

เลือก get code สำหรับ Blogger คลิ๊กคลุมดำ Code แล้วคลิ๊กขวา copy

เปิด Blogger ขึ้นมา ทำตามขั้นตอนที่ตอนที่ 1 ได้เอ่ยถึงไปแล้วนะคะ

เข้าสู่ระบบได้เลยค่ะ เปิดเข้าไปจะเห็นหน้า “แผงควบคุม” >>> “การออกแบบ” >>> “องค์ประกอบหน้า”

เมื่ออยู่ที่หน้านี้แล้ว เราจะเห็นคำว่า “เพิ่ม Gadget” นะคะ คือว่าเราอยากจะเอากล่องเพลงวางไว้ที่แถวไหนราก็เลือกกดที่แถวนั้นค่ะ เพราะตำแหน่งระหว่างแถวเนี่ย เราสามารถเคลื่อนย้ายได้ค่ะ พอเรากด “เพิ่ม Gadget” แล้ว จะมีหน้าต่าง “เพิ่ม Gadget” ขึ้นมานะคะ

เลื่อนลงเรื่อยๆ ช้าๆ นะคะ หา Gadget “HTML/จาวาสคริปต์” ค่ะ

ถ้าเจอแล้วกดเลยนะคะ มันจะขึ้นมาตามรูปค่ะ คราวนี้เราก็วาง code ที่เรา copy มาจาก www.mixpod.com เมื่อสักครู่ได้เลยค่ะที่ช่องเนื้อหา ส่วนช่องชื่อเนี่ย เราจะใส่หรือไม่ใส่ก็ได้ค่ะแล้วแต่เรา เสร็จแล้วก็กด “บันทึก” ปุ่มสีส้มน่ะค่ะ

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

ขอให้แต่งบล็อกกันให้สนุกนะคะ ^O^

posted under แต่งบล็อก | 0 Comments

การแต่ง Blogger สำหรับคนไม่มีพื้นฐานเลย ตอนที่ 1 เปลี่ยนแม่แบบ

พื้นฐานการแต่ง Blogspot / Blogger เบื้องต้นสำหรับคนที่ไม่รู้อะไรเลย

เนื่องจากตัวติ๊กเองเพิ่งเริ่มเล่น Blogger และเห็นว่า

ทำไม? บล็อกของเราไม่สวยเหมือนใครเขา TT^TT

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

ก่อนอื่นติ๊กขอเหมานะคะว่าทุกคนที่เข้ามาอ่านเพื่อหาข้อมูลแต่งบล็อก มี Blogger เป็นของตัวเองเรียบร้อยแล้ว ถ้ายังไม่มีให้ทำตามข้อมูลของลิงค์นี้เลยค่ะ พี่เขาเทพจริงๆ นับถือมาก http://www.hackublog.com/2009/09/blog.html

เมื่อได้บัญชี Blogger มาแล้ว เวลาเราจะเข้าไปใช้งานเราจะเจอหน้าตาแบบนี้ค่ะ

ซึ่งเราก็ใส่อีเมลและรหัสผ่านลงไป ลงชื่อเข้าใช้งานแล้วจะเข้าไปที่หน้านี้ค่ะ

ซึ่งเราจะเรียกหน้านี้ว่า “แผงควบคุม” นะคะ

ขั้นต่อมาซึ่งสำคัญต่อหน้าตาและภาพลักษณ์ของเรามาก อิอิ

ขั้นตอนเลือกแม่แบบค่ะ เราคลิ๊กที่ “การออกแบบ”

จะเข้ามาหน้านี้ค่ะ

ถ้าเราไม่อยากยุ่งยากก็กดที่ “เครื่องมือออกแบบแม่แบบ” เราจะเข้าไปที่แม่แบบของ Blogger ที่มีสำเร็จรูปเอาไว้ให้อยู่แล้ว

แต่!!!!!! ก็เพราะว่าเราไม่พอใจนี่ละค่ะ เราถึงต้องการเปลี่ยนรูปแบบของแม่แบบ

เราสามารถหาแม่แบบ (Template) จากใน Google หรือตามที่ต่างๆได้เลยค่ะ อ่านรายละเอียดและการแนะนำเว็บที่เอาไว้หาแม่แบบได้ที่ลิงค์นี้เลยค่ะ http://www.hackublog.com/2009/09/2.html

ส่วนติ๊กจะขออธิบายแบบสั้นๆ ง่ายๆ พอเข้าใจสำหรับมือใหม่อย่างเรากันนะคะ

ขอสารภาพว่าตั้งแต่สมัครมาหลายเดือนแล้ว เพิ่งทำได้ก็วันนี้ละค่ะ (05/01/2555)

ยกตัวอย่างนะคะ

ติ๊กเลือกเว็บจากลิงค์มาหนึ่งเว็บ แล้วก็เข้าไปเลือกดูแม่แบบที่เราชอบใจ

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

ติ๊กก็เลือก Download ลงเครื่อง ซึ่งจะมาในรูปแบบ Zip file ค่ะ

พอเราได้มาแล้วให้คลิ๊กซ้ายสองครั้งเพื่อเปิดออก หาไฟล์นามสกุล จุดxml นะคะ แล้วก็ทำการแตกไฟล์ออกมา ซึ่งแน่นอน ติ๊กทำไม่เป็น 5555 ^^”แต่ก็มั่วจนได้เพราะมันก็ไม่ยาก

“แตกไฟล์นะคะ เมื่อเราเปิด Zip file ขึ้นมา แล้วหาไฟล์นามสกุล จุดxml จนเจอแล้ว ก็ทำการคลิ๊กขวาที่ไฟล์นามสกุล จุดxml นั้น จะขึ้นแถบมาให้เลือกค่ะ

ให้เราเลือก “Extract to the specified folder” เลือก Save ไว้ที่หน้า Desktop นะคะ เวลาใช้งานจะได้หาได้ง่ายๆ

คราวนี้เราก็เข้าไป Log in ที่ Blogger ค่ะ ไปที่แผงควบคุม >>>รูปแบบ>>>แก้ไข HTML คลิกปุ่ม เรียกดู (เพื่อจะเอาแม่แบบที่เราแตกไฟล์ไว้นั้นเข้ามาไงคะ)

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

เราจะให้ระบบแสดงตัวอย่างก่อน ถ้าพอใจแม่แบบนี้แล้วก็กดบันทึกแม่แบบได้เลยค่ะ ง่ายๆ แค่นี้เองนะคะ แต่ทำตั้งกะเช้ายันบ่ายสำหรับคนที่คลำทางเอาเองอย่างติ๊ก ^^” ส่วนข้อความในปุ่มของแม่แบบเราสามารถเข้าไปเปลี่ยนได้ค่ะ เข้าไปตามที่บอกตอนต้นค่ะ ทุกหัวข้อจะมีปุ่มให้กดแก้ไขค่ะ

ถ้าแก้ไขเสร็จแล้ว อย่าลืมกดปุ่มบันทึก (ปุ่มสีส้ม) ด้วยนะคะ

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

นี่เป็นเบื้องต้นแบบง่ายๆ ที่ติ๊กเรียบเรียงมาจากการที่ทำเองในวันนี้ค่ะ

ซึ่งกว่าจะทำได้นั้นแทบกระอักเลือด พอทำเสร็จก็รีบเขียนบันทึกนี้ขึ้นมาเลยค่ะ

^O^ เพื่อคนหัวอกเดียวกันไงคะ 5555

*****ติดตามตอนต่อไปค่ะ*****

จะนำเรื่องหารแต่งบล็อก ใส่กล่องเพลง ใส่กล่อง Like box มาให้อ่านและลองทำตามดูค่ะ

posted under แต่งบล็อก | 0 Comments