การสร้าง Float Image ให้กับบล๊อกของเรา

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

เราสามารถที่จะสร้าง Float Image หรือรูปภาพให้ลอยอยู่ในหน้าบล๊อกของเราได้ด้วยวิธีง่าย ๆ ดังนี้

• ไปที่ รูปแบบ | แก้ไข HTML
• ค้นหา Code ]]></b:skin> แล้วคัดลอก Code ต่อไปนี้ไว้ด้านบน

#float_corner {
position:fixed;_position:absolute;bottom:0px;left:0px;clip:
inherit;_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);_left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth);}
*botton และ left คือ ตำแหน่งที่ต้องการให้รูปภาพนั้นแสดงในหน้าบล๊อก สามารถเปลี่ยนเป็น top, bottom, left หรือ right ได้

• ขั้นตอนถัดไป คือ ให้ค้นหาคำว่า </body> แล้วคัดลอก Code ต่อไปนี้ไว้ด้านบน

<div id='float_corner'>
<a href='http://blogger-assistant.blogspot.com'> <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgiMfxSd8zRRiHbAxnIdcct2LLYjSuEw7wc6alpVkOoTh2q_ikE7MQL7Jwx_hLZ_Wh7AMID8VG2G08A8H95PQzyxyOi8VrPnc-urUfEO2ve2b-Od-TEJGIJjZU3tj2td0SnJRFSpxqize_/'/></a>
</div>
http://blogger-assistant.blogspot.com คือ ลิงค์ที่ต้องการ
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgiMfxSd8zRRiHbAxnIdcct2LLYjSuEw7wc6alpVkOoTh2q_ikE7MQL7Jwx_hLZ_Wh7AMID8VG2G08A8H95PQzyxyOi8VrPnc-urUfEO2ve2b-Od-TEJGIJjZU3tj2td0SnJRFSpxqize_/ คือ URL รูปภาพที่ต้องการ