วิธีฝังรูปภาพใน HTML สำหรับ Tumblr Post

Tumblr ให้คุณเพิ่มรูปภาพในการโพสต์ข้อความได้โดยการอัปโหลดไฟล์รูปภาพจากฮาร์ดไดรฟ์ของคุณ หรือโดยการวาง URL โดยตรงไปยังรูปภาพที่โฮสต์บนเซิร์ฟเวอร์ของบุคคลที่สามในหน้าต่างแก้ไขโพสต์ หาก Tumblr ดึงรูปภาพที่เชื่อมโยงไม่ถูกต้อง ให้แก้ไขโค้ด HTML ของโพสต์เพื่อฝังรูปภาพด้วยตนเอง

คำเตือน

  • ไม่เหมือนโพสต์มาตรฐาน โพสต์ข้อความที่มีภาพที่เพิ่มโดยการแก้ไขซอร์สโค้ดของโพสต์จะไม่แสดงรูปภาพที่เชื่อมโยงโดยตรง โพสต์ดังกล่าวจะแสดงไอคอนสีเทาซึ่งผู้เข้าชมต้องคลิกเพื่อแสดงรูปภาพแทน
  • เว็บไซต์บางแห่งป้องกันไม่ให้ไซต์อื่นเชื่อมโยงโดยตรงกับรูปภาพที่โฮสต์บนเซิร์ฟเวอร์ของตน ซึ่งเป็นวิธีที่เรียกว่าฮอตลิงก์ หากคุณพยายามเพิ่มลิงก์ไปยังรูปภาพที่โฮสต์โดยไซต์ดังกล่าว Tumblr อาจไม่สามารถแสดงรูปภาพได้

ขั้นตอนที่ 1

คลิกข้อความ

เครดิตรูปภาพ: ได้รับความอนุเคราะห์จาก Tumblr

ไปที่ .ของคุณ แดชบอร์ด Tumblr และสร้างโพสต์ข้อความใหม่โดยคลิกที่ ข้อความ ไอคอน.

วีดีโอประจำวันนี้

ขั้นตอนที่ 2

เขียนข้อความของคุณ

ขั้นตอนที่ 3

เปลี่ยนไปใช้ตัวแก้ไข HTML

เครดิตรูปภาพ: ได้รับความอนุเคราะห์จาก Tumblr

เปลี่ยนไปใช้โปรแกรมแก้ไข HTML ของ Tumblr โดยเปิด ฟันเฟือง เมนูและเลือก HTML จากเมนูแก้ไขข้อความ

ขั้นตอนที่ 4

เพิ่มโค้ด HTML

เครดิตรูปภาพ: ได้รับความอนุเคราะห์จาก Tumblr

ป้อนโค้ด HTML ต่อไปนี้ ณ จุดที่คุณต้องการแสดงรูปภาพ:

แทนที่ URL ตัวอย่างด้วย URL ที่ถูกต้อง

คำเตือน

อย่าเปลี่ยนกลับไปใช้โปรแกรมแก้ไข Rich Text หลังจากแก้ไขซอร์สโค้ดของโพสต์ การทำเช่นนี้จะทำให้ Tumblr ลบแท็กรูปภาพที่คุณแทรก

ขั้นตอนที่ 5

เผยแพร่โพสต์ของคุณโดยคลิกที่ โพสต์ ปุ่ม.

หมวดหมู่

ล่าสุด

วิธีแปลงรายการ Word เป็น Excel

วิธีแปลงรายการ Word เป็น Excel

คุณสามารถแชร์ข้อมูลระหว่างโปรแกรม Office ได้ จ...

วิธีสร้างแอปพลิเคชันใน Word หรือ Excel

วิธีสร้างแอปพลิเคชันใน Word หรือ Excel

มีแบบฟอร์มใบสมัครงานมาตรฐานมากมาย นายจ้างที่คาด...

วิธีใช้ฟังก์ชัน "IF" ใน Excel

วิธีใช้ฟังก์ชัน "IF" ใน Excel

สร้างสเปรดชีตอย่างง่ายเพื่อติดตามการใช้โทรศัพท์...