Có nhiều cách để tạo, các bạn có thể làm theo các cách sau :
1. Tạo nút trượt bằng cách thêm tiện ích:
Đăng nhập vào Blogspot ròi chọn Bố cục => Thêm tiện ích => HTML/Javarscrip dán đoạn code sau vào rồi lưu lại:
Đăng nhập vào Blogspot ròi chọn Bố cục => Thêm tiện ích => HTML/Javarscrip dán đoạn code sau vào rồi lưu lại:
<script src='http://krdautocrazyblog.googlecode.com/files/Nut%20truot%20p%201.txt' type='text/javascript'></script><script src='http://krdautocrazyblog.googlecode.com/files/updown2%20%282%29.js' type='text/javascript'/></script>
2. Tạo nút trượt bằng cách chỉnh sửa HTML :
Đầu tiên bạn phải có 3 tấm hình(30x30 px) là ok, dùng để tạo 3 button : lên, xuống, và giữa.
Bạn đăng nhập vào Blogspot chọn Mẫu ròi chọn Chỉnh sửa HTML
Dán đoạn code bên dưới vào trước thẻ ]]></b:skin>.
#top-buttom_image {position:fixed;_position:absolute;bottom:5px; right:5px;clip:inherit; _top:expression(document.documentElement.scrollTop+ document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
Trong đó :
bottom:5px; là vị trí ảnh tính từ phía chân màn hình tính lên. Nếu muốn tính từ trên đầu thì thay bottom thành top
right:5px; : Là vị trí của ảnh so với lề phải. Bạn có thể thay right thành left để căn lề trái
Chèn đọan code sau vào trước thẻ đóng </body>
<script type='text/javascript'> var maxWidth = (document.body.clientWidth); var maxHeight = (document.body.clientHeight); </script> <div id='top-buttom_image'> <a href='javascript:top.window.scrollTo(0,0)' title='Lên đầu trang'><img alt='Lên đầu trang' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3PAv-9uNbSRv9JoVs-PYDRVOsaB5YjfNRz5WfhHP6HJfHDn251n69XdijfPQ1Z7z9UxRNMTxanB9oG4uH9eqrpvkX5t2pJsS90WrqcOrgcLR5Dg4yesn8xx3ocdbDsCWhk6beO41H8DHG/s1600/top1010.png'/></a><br/> <a href='javascript:window.scrollTo(maxWidth,maxHeight/2)' title='Vào giữa trang'><img alt='Vào giữa trang' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjIzzi_Hto5ECEaDLGMI97r-kXpGQFhQUpsoL3nn1uY1cnJgNk_rVXBaqhBR2RWCXMMkZPW8WiCMXRZD0gfZ4PeLhj0LEq9QpJA_qq2mXH6Rq_J0UeTBEXYoghTIGvtzZ5q3eEIzNoXxES/s1600/middle10.png'/></a><br/> <a href='javascript:window.scrollTo(maxWidth,maxHeight)' title='Xuống cuối trang'><img alt='Xuống cuối trang' border='2' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0glI2FAN8XoCDb7ZsNVTsgwItGd52APkgBFY5EOanx4sSlUaTEqZtfIh-HUXoWnfNVieOUE6P_PEGdr6svpj6NZIvKU4ZlxCnGRalJ2EN5Cqtto3kWd80FkEJdvN6IloLhnHD-qvMJ8WN/s1600/bottom10.png'/></a> </div>
Thay link ảnh bằng link ảnh của các button.
Các bạn VÀO ĐÂY để kiếm thêm một số hình mũi tên, thích cái nào thì tải về upload lên, rồi lấy link hình thay vào xong ròi bấm Lưu Mẫu lại. Chúc các bạn thành công.
0 nhận xét:
Post a Comment