วิธีฝังรูปภาพใน 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

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

หมวดหมู่

ล่าสุด

วิธีถ่ายโอนไฟล์จากฮาร์ดไดรฟ์ภายนอกไปยังคอมพิวเตอร์

วิธีถ่ายโอนไฟล์จากฮาร์ดไดรฟ์ภายนอกไปยังคอมพิวเตอร์

จะเกิดอะไรขึ้นเมื่อคุณไม่มีที่ว่างในฮาร์ดไดรฟ์ข...

วิธีเปิดนามสกุลไฟล์ 7Z

วิธีเปิดนามสกุลไฟล์ 7Z

รูปแบบ 7z คือรูปแบบหนึ่งของการบีบอัดไฟล์ที่ออกแ...

วิธีแทรกสัญลักษณ์ลงในข้อความของคุณใน GIMP

วิธีแทรกสัญลักษณ์ลงในข้อความของคุณใน GIMP

แปลงสัญลักษณ์แบบเวกเตอร์เป็นบิตแมปใน GIMP เครด...