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

1

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

2

คลิกปุ่ม "แก้ไข HTML" ใกล้กับด้านบนของแถบเมนูด้านซ้าย สิ่งนี้แสดงซอร์สโค้ดสำหรับธีมบล็อกของคุณ

3

กด "Ctrl" และ "F" พร้อมกันเพื่อใช้คุณสมบัติ "ค้นหา" พิมพ์ "width: 520px" เพื่อค้นหารหัสต่อไปนี้เริ่มต้นที่บรรทัดที่ 76:

wrapper #content {

ความกว้าง: 520px; ลอย: ซ้าย;

4

เปลี่ยนจำนวนหลัง "width:" เพื่อสะท้อนความกว้างที่ต้องการของโพสต์ของคุณ - ตัวอย่างเช่นเปลี่ยน "520" เป็น "600" เพื่อเพิ่มความกว้างของโพสต์เริ่มต้น

5

กด "Ctrl" และ "F, " และพิมพ์ "shadow-post.png" เพื่อค้นหารหัสต่อไปนี้เริ่มต้นที่บรรทัด 399:

wrapper #content .bottom {

พื้นหลัง: url ('// assets.tumblr.com/themes/redux/shadow-post.png') กึ่งกลางด้านบนโปร่งใสไม่ซ้ำ ความกว้าง: 513px; ความสูง: 40px; กำไรขั้นต้น: 0 อัตโนมัติ;

6

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

7

กด "Ctrl" และ "F, " และพิมพ์ "#wrapper #sidebar" เพื่อค้นหารหัสต่อไปนี้เริ่มต้นที่บรรทัด 515:

กระดาษห่อ #sidebar {

ความกว้าง: 250px; ลอย: ขวา;

8

เปลี่ยนจำนวนหลัง "ความกว้าง" เป็นค่าที่สูงขึ้นหรือต่ำลงเพื่อชดเชยความกว้างใหม่ของโพสต์ของคุณ ตัวอย่างเช่นหากคุณเพิ่มความกว้างของโพสต์ 50 พิกเซลให้เปลี่ยนความกว้างของแถบด้านข้างเป็นค่าที่ต่ำกว่าเล็กน้อยเช่น 200 พิกเซล

9

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

10

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

เคล็ดลับ

• คำแนะนำเหล่านี้มีเฉพาะสำหรับ Redux ซึ่งเป็นธีมเริ่มต้นที่ติดตั้งสำหรับบล็อก Tumblr และอาจต้องแก้ไขสำหรับธีมที่กำหนดเอง
• หากส่วนด้านล่างของแถบด้านข้างบล็อกของคุณไม่ตรงแนวหลังจากเปลี่ยนความกว้างของโพสต์และแถบด้านข้างให้ลบโค้ดต่อไปนี้ออกจากธีมบล็อกของคุณ:
• #wrapper #sidebar #bottom {
• พื้นหลัง: url ('// assets.tumblr.com/themes/redux/sidebar-bottom.png') กึ่งกลางด้านบนโปร่งใสไม่ซ้ำ
• ความกว้าง: 250px;
• ความสูง: 25px;
• }