การเพิ่มรูปภาพในบล็อกจะทำให้บล็อกของคุณดูน่าดึงดูดยิ่งขึ้น และยังช่วยให้ผู้ดูเข้าใจเนื้อหาของบล็อกผ่านไดอะแกรมและการสาธิตภาพถ่าย ในกรณีอื่นๆ คุณอาจต้องการเพิ่มรูปภาพบล็อกเพื่อแบ่งปันประสบการณ์ เช่น มุมมองจากห้องนอนของคุณ หรือสถานที่ที่คุณเคยไปในช่วงวันหยุดฤดูร้อน มีหลายวิธีที่คุณสามารถใช้ในการเพิ่มรูปภาพในบล็อก แต่ส่วนที่สำคัญที่สุดคือการใช้แหล่งที่มา โค้ด และตำแหน่งที่ถูกต้องสำหรับรูปภาพของคุณ
ขั้นตอน
วิธีที่ 1 จาก 3: การโฮสต์ Image
ขั้นตอนที่ 1 อัปโหลดรูปภาพเพื่อให้ทุกคนที่ใช้อินเทอร์เน็ตสามารถเข้าถึงได้
นี่คือบางเว็บไซต์ที่อนุญาตให้คุณอัปโหลดภาพได้ฟรี
- Picasa Web Albums: Picasa อนุญาตให้ผู้ใช้ที่มีบัญชี Google อัปโหลดและแบ่งปันภาพของตนทางอินเทอร์เน็ตได้ฟรี คุณสามารถสร้างอัลบั้มทางเว็บและสร้างแท็กสำหรับบุคคลและสถานที่เพื่อให้ข้อมูลเพิ่มเติมว่าแต่ละภาพเกี่ยวกับอะไร คุณยังสามารถดาวน์โหลดซอฟต์แวร์ Picasa ฟรีเพื่อจัดระเบียบและแก้ไขรูปภาพของคุณเพื่อให้พร้อมสำหรับการอัปโหลด พื้นที่เก็บข้อมูลฟรี 1 กิกะไบต์ (GB)
- Flickr: สามารถใช้บัญชี Facebook และ Google เพื่อลงชื่อเข้าใช้บนเว็บไซต์ Flickr ได้ มิฉะนั้น คุณสามารถสร้างบัญชี Flickr ฟรีผ่านเว็บไซต์ได้ภายในไม่กี่นาที
- Photobucket: Photobucket เป็นเว็บไซต์โฮสต์รูปภาพและแชร์วิดีโอฟรี ได้รับการออกแบบมาเพื่อให้ผู้ใช้สามารถแบ่งปันภาพถ่ายและวิดีโอในหมู่เพื่อนและครอบครัวได้อย่างง่ายดาย
ขั้นตอนที่ 2 รับ URL รูปภาพสำหรับรูปภาพที่คุณต้องการแสดงบนบล็อกของคุณ
เว็บไซต์แบ่งปันภาพถ่ายมักจะมีกล่องข้อความที่ให้ URL รูปภาพใต้แต่ละภาพ หากคุณไม่พบกล่องข้อความนี้ คุณสามารถเปิดรูปภาพในหน้าต่างเบราว์เซอร์ใหม่และคัดลอก URL ที่รูปภาพตั้งอยู่
วิธีที่ 2 จาก 3: การสร้างโค้ด HTML ของรูปภาพ
ขั้นตอนที่ 1 ใช้ URL รูปภาพเพื่อสร้างโค้ด HTML ที่ต้องใช้เพื่อเพิ่มรูปภาพหรือภาพประกอบของบล็อก
นี่คือลำดับทั่วไปของรหัส
- URL ต้องเป็น URL รูปภาพที่สมบูรณ์
- ต้องแทนที่ X ด้วยความกว้างและความสูง (เป็นพิกเซล) ที่คุณต้องการให้แสดงรูปภาพ
- คำอธิบายควรเป็นคำอธิบายสั้นๆ ว่ารูปภาพนั้นเกี่ยวกับอะไร
วิธีที่ 3 จาก 3: การเพิ่มรูปภาพบล็อก
ขั้นตอนที่ 1 เปิดหน้า HTML ของบล็อก
คุณสามารถใช้ Dreamweaver เพื่อดูบล็อก HTML ของคุณขณะออฟไลน์ หรือไปที่แท็บ "แก้ไข HTML" หากคุณต้องการแก้ไข HTML โดยใช้ Blogger หรือบริการบล็อกออนไลน์อื่นๆ ที่คล้ายคลึงกัน
ขั้นตอนที่ 2 เลือกพื้นที่ภายในบล็อก HTML ที่คุณต้องการวางรูปภาพและวางโค้ด HTML ของรูปภาพ
เว้นช่องว่าง 1 บรรทัดก่อนและหลังโค้ด HTML ของรูปภาพ
ขั้นตอนที่ 3 บันทึกการเปลี่ยนแปลงของคุณ และดูบล็อกหรือบล็อกโพสต์ที่คุณเพิ่มโค้ด HTML ของรูปภาพ
คุณควรเห็นภาพที่แสดงในขนาดที่คุณระบุ
เคล็ดลับ
- บริการบล็อกบางอย่าง เช่น Blogger และ Wordpress มีปุ่ม "เพิ่มรูปภาพ" ในแถบเครื่องมือเมื่อคุณสร้างหรือแก้ไขโพสต์ในบล็อก คุณสามารถใช้ปุ่มนี้เพื่ออัปโหลดภาพและกำหนดการตั้งค่าต่างๆ เช่น ขนาดและการจัดตำแหน่งสำหรับแต่ละภาพ
- ลองสำรวจวิดเจ็ตที่มีอยู่หากคุณต้องการเพิ่มภาพบล็อกในส่วนหัว ส่วนท้าย หรือแถบด้านข้างของบล็อก Blogger หรือ Wordpress คุณสามารถหาวิดเจ็ตจำนวนมากที่ให้คุณเพิ่มรูปภาพในบล็อกและย้ายรูปภาพไปยังตำแหน่งต่างๆ รอบโพสต์ในบล็อกของคุณได้ เช่นเดียวกับที่คุณย้ายวิดเจ็ตอื่นๆ