ขั้นตอนที่ 1 ไปที่ รูปแบบ|แก้ไข HTML-ขยายแม่แบบเครื่องมือ (Layout|Edit HTML-Expand Widget Templates)
ขั้นตอนที่ 2 ค้นหาคำว่า <div id='float_corner'> ที่เราได้เพิ่มเข้าไปเรียบร้อยแล้วจากบทความเรื่อง การสร้าง Float Image ให้กับบล๊อกของเรา ดังโค๊ดข้างล่างนี้
<div id='float_corner'>
<a href='http://blogger-assistant.blogspot.com'> <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgijblXT36-XGwdyQjKXU_IO25QjPrmDn2o6Hu_wfnnN6qXnsQw4rjTlN2arDq0S8Q0a175RfRc2yOKgppCDfe-9v_R6sP00I-DS7JtMCjk4PFWUEHRrWtYOQR0c2K9jE2ElEChrVmWFfci/'/></a>
</div>
ขั้นตอนที่ 3 ใส่โค๊ดสีแดงเพิ่มเข้าไปตามนี้
<script type='text/javascript'>
//<![CDATA[
function closeTopAds() {
document.getElementById("float_corner").style.visibility = "hidden";
}
//]]>
</script>
<div id='float_corner'>
<a href='http://blogger-assistant.blogspot.com' target='_blank'> <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgijblXT36-XGwdyQjKXU_IO25QjPrmDn2o6Hu_wfnnN6qXnsQw4rjTlN2arDq0S8Q0a175RfRc2yOKgppCDfe-9v_R6sP00I-DS7JtMCjk4PFWUEHRrWtYOQR0c2K9jE2ElEChrVmWFfci/'/></a>
<img align='right' border='0' onClick='closeTopAds();return false;' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvK6zkSc6qw7babeHCLfUjjtXIanHN_bKkuMVUaCeVzzj1-CYt4PBX0dLr6HLxZkKhuRWa5Sh0YeOMPYM5s3fkdqkzJlKFdFz0W3G73UqXavN3YGQbervbR1Rl1oQcYDEq1xXLnxZwN2ES/?imgmax=800' style='cursor:hand;cursor:pointer;'/>
</div>
* โค๊ดข้างบน <div id='float_corner'> คือ Script คำสั่งสำหรับทำการปิด Float Image
* https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvK6zkSc6qw7babeHCLfUjjtXIanHN_bKkuMVUaCeVzzj1-CYt4PBX0dLr6HLxZkKhuRWa5Sh0YeOMPYM5s3fkdqkzJlKFdFz0W3G73UqXavN3YGQbervbR1Rl1oQcYDEq1xXLnxZwN2ES/ คือรูปภาพปุ่มปิด เราสามารถเปลี่ยนแปลงได้ตามต้องการ
* <img align='right' คือ ตำแหน่งของปุ่มปิด ในที่นี้จะอยู่ทางด้านขวา
ขั้นตอนที่ 4 ทำการบันทึกแม่แบบ
สามารถ ดูตัวอย่าง ได้ที่นี่
บทความ
0 ความคิดเห็น:
แสดงความคิดเห็น