Thứ Hai, 19 tháng 5, 2014

Tạo nút trượt lên xuống cho blogspot

Tạo nút trượt lên xuống cho blogspot
Có nhiều cách để tạo, các bạn có thể làm theo các cách sau : 
Vers bas en 48 pixels

C en 48 pixels     

Arrow vert en hausse de en 48 pixels
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:

<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/AVvXsEgtDY9Y7L0LetU5tkRNshOwhYydC4RrUIvr1O61LpJaYJqR6IjFDQdXgzDeso56U35_Gki3oS-uIv9ZjtVYhyphenhyphennj0SyjKmRPwEvPPtUTkdJJa_X6kP4pdom-4wZPwbaGOdyY0NMEjo_wBVAM/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/AVvXsEgxq-VFTwugbBTiI4VjGWnElQFtI9KxjlBlRJQqw3YlnZTJwokjMlcLTX47mKHXFikrYerIsj8czdHIKHzzK679bF4M0OkEn8e0AK7jKMm9fFRRlAr9JWK9GoPWkp68MjlTcbWqXpvPIuCQ/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/AVvXsEjR3YSx-PiUg5usAR6sFknUVHmMrX1y8NftIbLJhhf2zGuv8BWlcJ8P1oEttqLAxIvw8j4fPE03K8nT7sXGsoOS3RGPaE9bbNx_ZOMvln5xa-4357qI2WTyLvoKz0pGU2EidDDDpR4iENHJ/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.

Previous Post
Next Post

post written by:

0 nhận xét:

Hãy để lại nhận xét một cách văn minh nhé !!!