Nhanh chóng khi muốn lên đầu trang hoặc xuống cuối trang. Với thủ thuật này người dùng chỉ việc click vào nút lên đầu trang hoặc xuống cuối trang thì blog sẽ tự động nhảy lên hoặc xuống nhanh chóng. Thủ thuật này sử dụng Javascript, cách thực hiện khá đơn giản.
1. Đăng nhập vào tài khoản Blogger
2. Vào thiết kế chọn chỉnh sửa HTML
3. Chèn code css bên dưới vào trước thẻ ]]></b:skin>
#top-buttom_image {
position:fixed;
bottom:35px;
right:15px;
clip:inherit;
line-height:0em;
}
4. Tiếp đến bạn hãy tìm và thêm code bên dưới trước thẻ </body>
<div id='top-buttom_image'>
<a href='javascript:scroll(0,0)' title='Lên đầu trang'><img alt='Lên đầu trang' border='0' src='http://farm4.static.flickr.com/3496/3463533286_ee8ffe62cd_o.gif'/></a><br/>
<a href='javascript:scroll(0,9999999)' title='Xuống cuối trang'><img alt='Xuống cuối trang' border='0' src='http://farm4.static.flickr.com/3583/3437500265_69cea7f1f2_o.gif'/></a>
</div>
Bạn có thể thay link ảnh (link màu đỏ) trên hoặc có thể giữ nguyên.
5. Cuối cùng là save template lại.
1. Đăng nhập vào tài khoản Blogger
2. Vào thiết kế chọn chỉnh sửa HTML
3. Chèn code css bên dưới vào trước thẻ ]]></b:skin>
#top-buttom_image {
position:fixed;
bottom:35px;
right:15px;
clip:inherit;
line-height:0em;
}
4. Tiếp đến bạn hãy tìm và thêm code bên dưới trước thẻ </body>
<div id='top-buttom_image'>
<a href='javascript:scroll(0,0)' title='Lên đầu trang'><img alt='Lên đầu trang' border='0' src='http://farm4.static.flickr.com/3496/3463533286_ee8ffe62cd_o.gif'/></a><br/>
<a href='javascript:scroll(0,9999999)' title='Xuống cuối trang'><img alt='Xuống cuối trang' border='0' src='http://farm4.static.flickr.com/3583/3437500265_69cea7f1f2_o.gif'/></a>
</div>
Bạn có thể thay link ảnh (link màu đỏ) trên hoặc có thể giữ nguyên.
5. Cuối cùng là save template lại.
Nguồn / Soure : http://www.traidatmui.com/2010/11/tao-nut-len-au-trang-va-xuong-cuoi.html
Chúc bạn thành công
Không có nhận xét nào:
Đăng nhận xét