วิธีเพิ่มพื้นหลังของบล็อก: 8 ขั้นตอน (พร้อมรูปภาพ)

สารบัญ:

วิธีเพิ่มพื้นหลังของบล็อก: 8 ขั้นตอน (พร้อมรูปภาพ)
วิธีเพิ่มพื้นหลังของบล็อก: 8 ขั้นตอน (พร้อมรูปภาพ)

วีดีโอ: วิธีเพิ่มพื้นหลังของบล็อก: 8 ขั้นตอน (พร้อมรูปภาพ)

วีดีโอ: วิธีเพิ่มพื้นหลังของบล็อก: 8 ขั้นตอน (พร้อมรูปภาพ)
วีดีโอ: 3.การแต่งภาพหน้าปกblogger ด้วยcanva การใส่ภาพปกบล็อกเกอร์ และการปรับแต่งBlogger | ครูจิ๊บคอมฯ 2024, อาจ
Anonim

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

ขั้นตอน

เพิ่มพื้นหลังของบล็อก ขั้นตอนที่ 1
เพิ่มพื้นหลังของบล็อก ขั้นตอนที่ 1

ขั้นตอนที่ 1 ไปที่หน้า HTML สำหรับบล็อกของคุณ

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

เพิ่มพื้นหลังของบล็อก ขั้นตอนที่ 2
เพิ่มพื้นหลังของบล็อก ขั้นตอนที่ 2

ขั้นตอนที่ 2 อย่าพยายามมองหาภาพที่แยกจากกันด้วยสีที่ต่างออกไป ถ้าคุณต้องการเพียงแค่เปลี่ยนสีพื้นหลัง

คุณเพียงแค่แก้ไข HTML เพื่อเปลี่ยนสีที่มีอยู่เป็นสีที่คุณต้องการแทน

  • ค้นหา "แผนภูมิสี HTML" บนอินเทอร์เน็ต คุณควรจะสามารถหาตารางที่แสดงสีต่างๆ พร้อมกับชื่อสีและเลขฐานสิบหก (Hexadecimal) ได้ หมายเลข HEX คือตัวเลขที่ใช้ใน HTML ดังนั้นคุณต้องจำหมายเลข HEX สำหรับสีเฉพาะที่คุณต้องการเป็นพื้นหลัง
  • ค้นหารหัสบนบล็อกของคุณที่กำหนดสีพื้นหลัง มันจะมีลักษณะเช่นนี้

    • ร่างกาย {
    • สีพื้นหลัง:#XXXXXX;
เพิ่มพื้นหลังของบล็อก ขั้นตอนที่ 3
เพิ่มพื้นหลังของบล็อก ขั้นตอนที่ 3

ขั้นตอนที่ 3 คุณจะเห็นหมายเลข HEX ของสีที่มีอยู่ แทนที่จะเป็น X ที่แสดงในโค้ดตัวอย่าง

เปลี่ยนหมายเลข HEX เป็นตัวเลขสำหรับสีที่คุณต้องการเป็นพื้นหลัง หลังจากที่คุณบันทึกและใช้ HTML ใหม่ คุณจะเห็นสีใหม่เป็นพื้นหลัง

วิธีที่ 1 จาก 1: การเพิ่มภาพพื้นหลังของบล็อก

เพิ่มพื้นหลังของบล็อก ขั้นตอนที่ 4
เพิ่มพื้นหลังของบล็อก ขั้นตอนที่ 4

ขั้นตอนที่ 1. เลือกรูปภาพที่คุณต้องการเพิ่มเป็นพื้นหลัง

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

เพิ่มพื้นหลังของบล็อก ขั้นตอนที่ 5
เพิ่มพื้นหลังของบล็อก ขั้นตอนที่ 5

ขั้นตอนที่ 2. อัปโหลดรูปภาพ

เว็บไซต์โฮสต์รูปภาพ เช่น Picasa, Flickr และ Photobucket ให้คุณอัปโหลดรูปภาพได้ฟรี บริการโฮสต์บล็อกของคุณอาจอนุญาตให้คุณอัปโหลดภาพในลักษณะเดียวกับที่โฮสต์ส่วนที่เหลือของบล็อก

เพิ่มพื้นหลังของบล็อก ขั้นตอนที่ 6
เพิ่มพื้นหลังของบล็อก ขั้นตอนที่ 6

ขั้นตอนที่ 3 รับ URL รูปภาพ

ในการดำเนินการนี้ คุณต้องเปิดรูปภาพในอินเทอร์เน็ตเบราว์เซอร์ของคุณและคัดลอก URL ที่จะแสดง

เพิ่มพื้นหลังของบล็อก ขั้นตอนที่7
เพิ่มพื้นหลังของบล็อก ขั้นตอนที่7

ขั้นตอนที่ 4 ใส่รหัสเพื่อเพิ่มรูปภาพเป็นพื้นหลัง

นี่คือรหัส HTML

    • ร่างกาย {
    • ภาพพื้นหลัง: url (URL รูปภาพ);
  • คุณต้องเพิ่มรหัสที่เนื้อหาของบล็อก HTML เริ่มต้น แทนที่ "URL ของรูปภาพ" ด้วย URL แบบเต็มซึ่งเป็นที่ตั้งของรูปภาพของคุณ
เพิ่มพื้นหลังของบล็อก ขั้นตอนที่ 8
เพิ่มพื้นหลังของบล็อก ขั้นตอนที่ 8

ขั้นตอนที่ 5. บันทึกการเปลี่ยนแปลงหลังจากที่คุณแก้ไข HTML และดูบล็อกของคุณ

คุณควรเห็นภาพที่เพิ่มเป็นพื้นหลัง

แนะนำ: