"Tạo nút lên đầu trang và xuống cuối trang bằng Javascript"

(Traidatmui.com) – Hôm nay 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;
}

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>

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.

Chúc bạn thành công

Xem khác cùng chủ đề

6 nhận xét | Viết lời bình

Nặc danh
11/26/2010 07:41:00 CH Trả lời

cảm ơn bạn nhiều nhé.mình dang cần

Admin
12/13/2010 02:49:00 SA Trả lời

Bạn hãy thay Fixed trong phần css thành absolute nhe.

12/13/2010 04:24:00 SA Trả lời

ban oi neu minh chen 2 cai cung luc de o hai ben co duoc ko?

2/16/2011 01:20:00 SA Trả lời

sau em áp dụng thủ thuật thì 2 cái mũi tên nó lại ở ngay giữa phía dưới cùng bai viết vậy ạ

2/25/2011 07:10:00 CH Trả lời

huhu :(( sau không ai trả lời em vậy

Admin
2/25/2011 11:19:00 CH Trả lời

Mình đã test lại rồi nó không vấn đề gì nếu bạn thực hiện đúng các bước trên. Bạn hãy xem đã có code CSS ở bước 3 chưa nhe! Bạn hãy thực hiện lại nhe. Thân!

Bạn nhập từ: cungly Bạn nhập từ: lleu Bạn nhập từ: kkrong Bạn nhập từ: cuoilon Bạn nhập từ: roile Bạn nhập từ: hehehe Bạn nhập từ: byebye Bạn nhập từ: idontknow Bạn nhập từ: votay more »

Giải pháp bán hàng online Số 1 Việt Nam
Lên đầu trang Xuống cuối trang