Bloggang.com : ป้ามด : สอนมือใหม่ใส่รูปลงบล็อก

สอนมือใหม่ใส่รูปลงบล็อก

ขอเริ่มต้นตั้งแต่ศูนย์ แบบที่มือใหม่ต้องมาเริ่มที่นี่เลยค่ะ

จากบทที่ 1 ขั้นตอนการสร้างบล็อก

และบทที่ 2 การใส่ bg แบบป้ามด

ใครมีข้อสงสัย ติดต่อทาง .... หลังไมค์...

หรือที่ .... บล็อก ถาม - ตอบ.... เท่านั้นค่ะ

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

1.เปิดหน้าสร้างบล็อก คลิกที่ปุ่มใส่รูป (สีแดง) ที่แถบจัดการข้อความ

2. เลือกจัดรูปแบบกึ่งกลางเพื่อความสวยงาม

3. เมื่อมีแถบข้อความให้ใส่รูปปรากฏขึ้นมา ให้คลิก browse

4. เลือกรูปจาก computer แล้วกด open

5. เมื่อปรากฎชื่อรูปที่ช่อง(สีน้ำเงิน)แล้ว ให้คลิก browse (สีแดง)

6.เมื่อระบบทำการ refresh แล้วจะปรากฎคำสั่งใส่รูปในช่องรายละเอียด

7. จัดการใส่รายละเอียดและเนื้อเรื่องเข้าไป

8. ถ้าต้องการใส่รูปเพิ่มให้ย้อนไปที่ข้อ 3. จนครบตามที่ต้องการแล้วจึงกด publish เป็นอันเสร็จ

วิธีที่ง่ายและเร็วกว่าคือการใส่รูปที่ upload ไว้ที่ web host ต่างๆ เพียงแต่เรียกเอา url หรือ address ของรูปมาใส่ในคำสั่ง

9. หา url ของรูปในเว็ปได้โดยการคลิกขวาที่รูปนั้นจะปรากฎแถบขึ้นมา ให้คลิกที่แถบ properties

10. เมื่อกรอบของ properties ปรากฎขึ้นมาให้เห็น address ของรูปนั้น จึงทำการก็อปปี้ address ทั้งหมดของรูปไปใส่ในคำสั่ง

11. เพื่อความสะดวกรวดเร็ว ป้ามดชอบเตรียมคำสั่งไว้แบบนี้

<center><img src='MMM'border=0></center>

12. ใส่รายละเอียดลงไปที่รูป และจัดระยะให้สวยงาม

เมื่อใส่รายละเอียดครบแล้วจึงทำการ publish

ใส่รูปเสร็จแล้วจะออกมาแบบนี้ คลิกที่นี่

คำสั่งที่ใช้ใส่รูป มีลูกเล่นหลายแบบ ขอเชิญดูที่บล็อกแจกโค้ดง่ายๆสำหรับบล็อก

การเรียกใช้ notepad

notepad เป็นเหมือนกระดาษที่เรามีไว้จดโน้ตนิดๆหน่อยที่ไม่ต้องการลูกเล่นมาก แล้ว save เก็บไว้เปิดดูเมื่อยามต้องการ
ในการสร้างบล็อก เราเขียนรายละเอียด รวมทั้งคำสั่งและ script ทั้งหมด ใส่ไว้ใน notepad
ทำการจัดเรียงรูป เนื้อเรื่อง ใส่ลูกเล่นให้เรียบร้อย แล้วจึงทำการ copy ทั้งหมด ไป paste ใส่ที่ช่องรายละเอียด หรือช่อง script, slogan, profile แล้วแต่ความต้องการ

เรียกใช้ notepad ได้ตามลำดับดังนี้

start --> all program --> accessories --> notapad

แนะนำ web host ที่ใช้ฝากรูปได้
คลิกเลยค่ะ

//photobucket.com

//www.freeimagehosting.net

//imageshack.us/

Create Date : 16 มกราคม 2549

Last Update : 27 สิงหาคม 2552 15:20:20 น.

0 comments

Counter : 23505 Pageviews.