วิธีการเปลี่ยนรูปภาพพื้นหลังในธีม Tumblr ที่กำหนดเอง

อัปเดตภาพพื้นหลังในบล็อก Tumblr ของคุณและการเปลี่ยนแปลงอาจจุดประกายความคิดสร้างสรรค์ใหม่ ๆ ที่จะบล็อกบล็อกของคุณในทิศทางใหม่ที่น่าตื่นเต้น ผู้สร้างธีม Tumblr ต่าง ๆ ใช้วิธีการเข้ารหัสแบบอื่นเพื่อสร้างธีม CSS เนื่องจากมีธีม Tumblr ที่กำหนดเองจำนวนมากจึงมีหลายวิธีในการอัปเดตโค้ด CSS ของธีม วิธีหนึ่งในการเพิ่มภาพพื้นหลังให้กับธีม Tumblr ที่กำหนดเองคือการฝังแท็ก CSS อย่างง่ายที่ตำแหน่งที่ถูกต้องในรหัส HTML ของชุดรูปแบบ

1

นำทางไปยัง Tumblr และเข้าสู่บัญชีของคุณ ค้นหาชื่อบล็อกของคุณที่ด้านบนของหน้า Tumblr แล้วคลิกชื่อนั้น

2

คลิก "กำหนดแอพเอง" เพื่อดูรายการธีมที่กำหนดเองของคุณ คลิกปุ่ม "แก้ไข HTML" ใต้ธีมที่คุณต้องการเปลี่ยน รหัส HTML ของชุดรูปแบบจะปรากฏขึ้น

3

ค้นหา "" ในรหัส HTML เลื่อนขึ้นหนึ่งหรือสองบรรทัดแล้วค้นหา "." แท็กนี้ทำเครื่องหมายจุดสิ้นสุดของส่วนสไตล์ CSS ของเอกสาร วางข้อความต่อไปนี้ไว้ข้างหน้า "

เนื้อหา {background-image: url ('IMAGE_NAME_HERE'); พื้นหลังซ้ำ: ไม่มีซ้ำ; }

แทนที่ "IMAGE_NAME_HERE * ด้วย URL ของภาพที่อยู่บนเว็บ

4

คลิก "อัปเดตหน้าตัวอย่าง" ภาพพื้นหลังใหม่ของคุณจะปรากฏที่ด้านขวาของหน้า คลิก "ลักษณะที่ปรากฏ" จากนั้นคลิก "บันทึก" เพื่อบันทึกการเปลี่ยนแปลงของคุณ

เคล็ดลับ

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

โพสต์ยอดนิยม