โค้ดเปลี่ยนภาพพื้นหลัง และเปลี่ยนสีพื้นหลัง สำหรับเว็บไซต์ หรือ เว็บบล็อก

วันนี้มี โค้ดเปลี่ยนภาพพื้นหลัง และเปลี่ยนสีพื้นหลัง #header-wrapper แบบง่ายๆ โดยไม่ต้องเข้าไปแก้ไขแม่แบบ
ท่านสามารถเปลี่ยนรูปภาพได้ตามต้องการโดยเปลี่ยน URLภาพ หรือ สี

โค้ดที่1 โค้ดเปลี่ยนพื้นหลัง #header-wrapper ให้เป็นสีตามที่ต้องการ
*เปลี่ยนโค้ดสี #795548 เป็นสีได้ตามที่ต้องการ
<style type="text/css">.item #header-wrapper {background: #795548}</style>
------------------------
แบบที่2 โค้ดเปลี่ยนพื้นหลัง #header-wrapper ให้เป็นภาพที่ต้องการ
<style type="text/css">.item #header-wrapper {background:url(ใส่ Url ภาพที่นี่);width:100%} </style>

------------------------

ขั้นตอนการวางโค้ด

การวางลงใน Widget

ไปที่>> รูปแบบ >>เพิ่มWidget >>HTML/จาวาสคริปส์ >>วางโค้ด >>บันทึก

การวางโค้ดลงในเฉพาะบทความ ที่ต้องการ
ไปที่>> บทความ >>แก้ไข >>HTML >>วางโค้ดไว้ล่างสุด >>อัปเดต/เผยแพร่

<style type="text/css">.item #header-wrapper {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJWsU1HkY-aYT7oNzTeCzRGpaiCjP2DyqnE-eIpMxU19z2Bgx0K4TcdgVTGjPYL2BItP4sKYzVhvQ7zf0VK7trIteKGz_yY8DZm371gF43uWScSMLjj8rbf5q0XEjMhJLagkyw8kWA7rQ/s1600/arco1.jpg);width:100%} </style>