Mình sẽ giơi thiệu đến các bạn thủ thuật để có thể giúp người dùng trên blog của bạn có thể linh hoạt và thao tác nhanh chóng khi muốn lên đầu trang hoặc xuống cuối trang. Vâng 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ì nó sẽ tự động nhảy đến đầu hoặc cuối trang một cách nhanh chóng. Thủ thuật này sử dụng Javascript và cách thực hiện cũng khá là đơ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;
}
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' class='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>
<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.
Theo traidatmui
0 nhận xét:
Đăng nhận xét
Đây là Blog cộng đồng, có thể trao đổi và học hỏi vì vậy mọi nhận xét các bạn nên dùng những từ dễ nghe, không nên dùng những lời tục tiểu thiếu văn hóa.Cám ơn các bạn.