สัญลักษณ์ของการเขียนblog

แทรกรูปภาพ


ย่อนหน้าข้อความ

ลบการจัดรูปแบบ

กึ่งกลาง

ชิดซ้าย

จัดเรียงแบบเสมอ


ชิดขวา

รายการตัวเลข

รายการลำดับห้วข้อย่อย

ขนาดตัวอักษร

ตัวเอง


ตัวหนา


สีข้อความ

200 เคล็ดลับเก่งคอมพิวเตอร์

โหลดช้านิด...นึงนะค่ะ

อดใจรอหน่อยละกานนะ

แล้ววันหลังจะเอาวีดีโอเกี่ยวกับคอมพิวเตอร์อีก

มาติดรูปภาพให้บล็อกกันดีก่า

การใส่รูปภาพลงในบล็อกง่ายนิดเดียวเอง

คลิ๊กที่ปุ่ม รูปภาพดังกล่าว

จากนั้น จะมีให้เราเลือกต้นทางของรูป 2 ทาง คือ

1. ในคอมพิวเตอร์ของเราเอง

2. ใส่ URL

จากนั้นเมื่อเลือกภาพที่เราต้องการได้แล้ว

จึงเลือกรูปแบบ หรือตำแหน่งของรูปนั่นเองซึ่งจะมี อยู่ 4 รูปแบบด้วยกัน

1. ไม่มี

2.ซ้าย

3. กึ่งกลาง

4. ขวา

จากนั้นเลือกขนาดรูป

1. ขนาดเล็ก

2. ปานกลาง

3. ขนาดใหญ่

จากนั้นคลิ๊ก "อัพโหลดรูปภาพ"

รอสักครู่

จนกว่าจะขึ้นให้เรากด "เสร็จเรียบร้อย"

(หากเราไม่รอให้ขึ้น เสร็จเรียบร้อย รูปที่เราต้องการจะไม่แสดงในบล็อกของเรา)

Lable จัดหมวดหมู่บทความ

Lable คือคำตอบที่จะ่ช่วยเราให้ทำดังที่ใจคิดได้ สามารถแบ่งกรุ๊ปว่าอยากเอาไปไว้ที่ไหนบ้าง

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

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

เมื่อเราคลิกที่ Add a page Element เราก็จะเห็น Lable เพื่อให้เรา Add ลง Blog ของเราค่ะ

เมื่อได้แล้วเราก็มาลากจัดวาง ตามแต่ที่ใจเราต้องการค่ะ

เท่านี้เพื่อน ๆ ก็จะได้ ลิงก์ที่แสดงกรุ๊ปต่าง ๆ ที่เราตั้งเองได้แล้วค่ะ

สอนใส่ Code Html ใน New Blogger ค่ะ

เมื่อเรา Sign In เพื่อเข้า Account Blogger ของเรากันแล้วนะคะ จะเห็นหน้าตามันเป็นแบบนี้ค่ะ ให้เราไปคลิกที่ Settings ดังรูป
จากนั้น จะเห็นหน้าเป็นรูปแบบนี้ค่ะ ให้คลิกที่ Template

จากนั้นให้มองหา Add a Page Element แล้วคลิกเลยค่ะ

Blogger จะขึ้นหน้าต่าง Choose a New Page Element ฟังชั่น ต่าง ๆ มาให้เราเลือกใช้งาน

หากต้องการวางโค๊ด ก็เข้าไปที่ Add Html/Javascrip

มันก็จะขึ้นหน้าต่างที่เราสามารถใส่ Code ได้แล้วค่ะ และเราสามารถนำ กล่องของ Code เนี้ยเลื่อนไปที่ไหนก็ได้บนหน้า Blog ค่ะ โดยอาศัยการอำนวยความสะดวกของ เมาส์ ด้วยการคลิกซ้ายค้างที่กล่องที่ต้องการลาก ปรับเปลี่ยนสถานที่วางได้ตามสะดวก ได้เลยค่ะ

เครื่องมือฟรี SPA ช่วยแสดงหน้าเพจ ก่อนเข้าไปดู

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

แหะ ๆ ของเล่นใหม่ของดิฉันเองค่ะ (อาจจะของเล่นเก่าของคนอื่น) เก๋ดีโน๊ะ...

เรียกว่า Snap Preview everywhere (SPA) ของ http://www.snap.com ซึ่งเป็นเครืื่องมือที่ช่วยให้ผู้อ่านประหยัดเวลา ไม่ต้องคลิกดู ก็รู้ว่า หน้า Site ที่บล้อกส่งไปจะไปที่ไหน เหมือนเป็นการเตรียมตัวเตรียมใจ (อิอิ)ซึ่งบางครั้งหน้าเพจที่เราทำ Linkไป ท่านผู้อ่านอาจไม่อยากไปก็ได้ ก็ดีกับบล้อกของเราในเรื่อง ท่านผู้อ่านจาได้อยู่หน้าบล็อกเรานาน ๆ ...ดีมั้ยคะ

วันนี้ก็เลยจะสอนวิธีใช้ เจ้า Snap Preview everywhere ขอเรียกว่า SPA แล้วกันนะคะ ง่ายและสั้นดี เริ่ม

แรกเลย เข้าไปใน http://www.snap.com จะเข้าไปเจอหน้านี้ค่ะ

ให้คลิก ที่ Advertiser ค่ะ ให้คลิกที่ Snap Preview Anywhere ดังรูปค่ะ

เมื่อเข้าไปหน้า เพจใหม่ ให้ค้นหา Get Started Now และจัดการคลิกซะเลย

เ้ข้าหน้าใหม่ให้คลิก Continue

จะเข้าไปหน้าเพจให้เราใส่ ข้อมูลบล็อกที่เราต้องการจะทำ SPA

Enter Your Site URL ใส่ ชื่อบล้อกของเรา เช่น http://xxx.blogspot.com/

Enter Your Email ใส่ชื่ออีเมลล์ของเรา เช่น xxx@gmail.com

คลิกช่อง I agree to the Terms & Conditions below.

แล้วคลิก ที่ Continue

จะขึ้นหน้า Download Instructions & Copy Code จัดการ ก๊อปปี้ Code ลงไปใส่ใน Blogspot ของเราซะเลย

ถ้าใครจำไม่ได้ว่า ใส่ Code อย่างไรก็ไปที่นี่นะคะ

http://siamblogspot.blogspot.com/2007/04/code-html-new-blogger.htm

lCode ที่ใส่ลงใน มันจะไม่แสดงตัว (แอบ) แต่จะฝังตัวอยู่หน้าเพจ เมื่อเราลองเข้าไปดู ที่หน้าบล้อกของเรา เจ้า SPA ก็สามารถแสดงตัวตนให้เห็นเลยค่ะ คราวนี้ท่านผู้อ่านของเรา ก็ Happy และนึกไปถึงว่า เราคงเป็นคนใจดี น่ารัก ที่ใส่ใจความสะดวกสบายของท่านผู้อ่านขนาดนี้ (อิอิ)

จบแล้วค่ะ สุดท้าย เพื่อน ๆ ท่านใด อยากให้ดิฉันอัพเดตเรื่องอะไรบอกกันมาได้นะคะ จะพยายามจัดให้ค่ะ บะบายเจอกันอัพเดตครั้งหน้าค่ะ : )

การปรับแต่งใส่รูปภาพบนHeade ของบล็อก ที่เราสร้างเอง

สามารถทำได้ตามขั้นตอนดังต่อไปนี้ค่ะ

1. ทำการ Log In เข้าไปที Account บล็อกของเรา
2. เข้าไปที่ Lay Out แท็ป Page Elements
3. ให้สังเกตที่ Header คลิกที่ Edit จะมีช่องให้เรากรอก


4. ให้เลือกรูปที่จะใส่จาก “From the Web” ซึ่งหมายความว่ารูปที่ MeoMee ใช้นั้นจะมาจาก รูปภาพที่ได้โหลดขึ้นบล็อกแล้ว และเอาลิงก์ที่อยู่ URL มาใส่ ซึ่งรูปภาพก็ไม่ไปฝากที่ไหนไกล ก็ทำการอัพโหลดกับบทความของ Blogger.com นี่หล่ะค่ะ
5. จากนั้นคลิกเลือกใช้ Instead of title and description คือ ให้ใช้ภาพแทน ชื่อบล็อกและ รายละเอียดของบล็อก
6. รอรูปภาพให้ดาวน์โหลด จนเสร็จ จะขึ้นรูปภาพแบบนี้ค่ะ


7. จากนั้นให้คลิกที่ SAVE

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

การแสดงโค๊ดในบทความ

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

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

ยกตัวอย่านะคะ ถ้าหาเราต้องการติดโค๊ด ลงบนหน้าบทความอย่างงี้