วิธีสร้างพื้นหลังสำหรับชื่อของคุณบน Tumblr

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

1

ลงชื่อเข้าใช้บัญชี Tumblr ของคุณแล้วคลิกรูปเฟืองที่ด้านบนของแผงควบคุม Tumblr เพื่อไปที่การตั้งค่าบัญชีของคุณ

2

คลิกแท็บในคอลัมน์ทางซ้ายที่มีชื่อของบล็อกที่คุณต้องการแก้ไขหากคุณมีมากกว่าหนึ่งบล็อกจากนั้นคลิก "กำหนดค่า" ในแผงหลัก

3

ตรวจสอบว่าธีม Tumblr ของคุณมีตัวเลือก "แสดงชื่อบล็อก" ในส่วน "ลักษณะที่ปรากฏ" หรือไม่ ในกรณีนี้ให้ทำเครื่องหมายในช่องถัดจากนั้น

4

คลิกปุ่ม "แก้ไข HTML" ที่ด้านบนของหน้า

5

เลื่อนผ่านสไตล์ชีตใน HTML ของธีมของคุณและค้นหารหัสต่อไปนี้:  

6

ค้นหารหัสต่อไปนี้ในส่วนส่วนหัว:

{หัวข้อ}

นี่คือรหัสชื่อเรื่องของคุณ

7

ใส่โค้ดต่อไปนี้ไว้ด้านหน้าโค้ดของชื่อเรื่องเพื่อสร้างพื้นหลังโดยมีรูปภาพอยู่ด้านหลังชื่อ Tumblr ของคุณ:

หรืออีกวิธีหนึ่งคือแทรกโค้ดต่อไปนี้ไว้ด้านหน้าโค้ดของชื่อเรื่องเพื่อสร้างพื้นหลังด้วยสีธรรมดา: แทนที่ "// yourimageurl" ด้วย URL ภายนอกของภาพพื้นหลังของคุณหรือ "000000" ด้วยค่าฐานสิบหกของสีพื้นหลังที่ต้องการ แทนที่ "200px" ด้วยความสูงเป็นพิกเซลที่คุณต้องการให้คอนเทนเนอร์รอบ ๆ ชื่อของคุณเป็นและแทนที่ "400px" ด้วยความกว้างเป็นพิกเซลที่คุณต้องการให้คอนเทนเนอร์รอบ ๆ ชื่อของคุณเป็น

8

ใส่รหัสต่อไปนี้หลังแท็กของชื่อเรื่อง:

9

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

10

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