Bloggang.com : SEiRu : code คลิกเปลี่ยน background ได้หลากหลาย

code คลิกเปลี่ยน background ได้หลากหลาย

ก่อนอื่นต้องไปจัดการ Script area ใส่ code

< s t y l e >
TABLE {background-color: transparent;border-style: none;border-spacing: none;}TD {border: none;border-color: none;background: none;}

*** Back Space คำว่า style ให้ติดกันด้วย

code นี้จะทำให้ background ของคุณหายไปทุก group blog เลย...

แต่สามารถแก้ไขได้โดย
วิธีทำ Background ประจำ Group blog >>
//bloggang.com/viewblog.php?id=webok&date=07-01-2006&group=7&blog=1

เวลาจะเขียนบล็อกใหม่ ก็ใส่ code ข้างล่างลงไป
ก๊อป code ไปใส่บล็อกแล้ว Back Space ให้ตัวอักษรต่อไปนี้ติดกันด้วย ให้เป็นแบบนี้
< ติดกับ A onclick
< ติดกับ IMG src

*** เมื่อใช้ code นี้ห้ามใส่ background นะ สีขาวก็ไม่ได้ ไม่งั้นคลิกเท่าไหร่ก็ไม่ติด

ตัวหนังสือสีแดงคือเปลี่ยนแปลงได้

เปลี่ยนสี background
< A on click ="document.body.background='//img.photobucket.com/albums/v726/Agil/FFFF99.jpg'">< I M G
src="//img.photobucket.com/albums/v726/Agil/FFFF99.jpg" width="15" height="15" border="0">

< A on click ="document.body.background='//img.photobucket.com/albums/v726/Agil/D5CEC0.jpg'">< I M G
src="//img.photobucket.com/albums/v726/Agil/D5CEC0.jpg" width="15" height="15" border="0">

ผลที่ได้

เปลี่ยนรูป background
< A on click ="document.body.background=
'//img.photobucket.com/albums/v726/Agil/do20.gif'">
< I M G
src="//img.photobucket.com/albums/v726/Agil/do20.gif" width="41" height="40" border="0">

< A on click ="document.body.background=
'//img.photobucket.com/albums/v726/Agil/i017.gif'">
< I M G
src="//img.photobucket.com/albums/v726/Agil/i017.gif" width="141" height="128" border="0">

ผลที่ได้