Home » Thủ thuật Blog
Tạo nút nhảy lên xuống đơn giản cho blogspot
{Ji Nguyễn} Bạn, thỉnh thoảng khi ghé thăm một trang blog
nào đó như Hutruc.com chẳng hạn, bạn có thấy bên góc phải của Hutruc.com có một cặp biểu tượng hình mũi tên lên xuống không? Đấy là một thủ
thuật nhỏ mà bác Hư Trúc áp dụng cho blog của mình giúp người xem thao
tác dễ dàng hơn trên blog của bác ấy mỗi khi muốn xem tiếp phần cuối
của bài viết hay quay trở lại đầu trang blog bằng cách click vào một trong hai biểu tượng kia thay vì phải click và kéo thanh công cụ hỗ trợ bên
cạnh của trình duyệt web.
Mặc
dù thủ thuật này không còn mới mẻ gì đối vơi dân blogger nhưng Ji
Nguyễn cũng xin mạn phép đóng góp một chút cho thêm phong phú, thủ
thuật này tương đối gọn nhẹ, dễ thực hiện và ít tốn nhiều thời
gian của bạn cho phần chèn code, rất thích hợp cho những bạn mới bắt
đầu tìm hiểu về blog mà chưa biết gì về Javascript và CSS.
Demo:
Các
bước thực hiện:
Bước
1: Đăng nhập vào tài khoản Blogger của bạn,, chọn phần Layout.
Bước
2: Bạn click chọn thêm Tiện ích (Add a Gadget), chọn kiểu Html/JavaScript.
Bước
3: Copy đoạn code bên dưới và dán vào
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script><script src='http://akunemedia.googlecode.com/files/updown2.js' type='text/javascript'/></script>
Bước 4: Save lại
Bước 5: Bạn ra ngoài và
xem thử code đã hoạt động chưa nhé
P/S: Code bên trên có một
lỗi nhỏ là đôi khi nó sẽ làm vỡ khung của web, blog thế nên nếu bạn
chỉ muốn tạo một nút nhảy xuống dưới cuối blog thì có thể áp dụng
đoạn code bên dưới:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script><script src='http://akunemedia.googlecode.com/files/up.js' type='text/javascript'/></script>
Chúc các bạn thành công!
Tin liên quan
MỜI BẠN TRAO ĐỔI LINK LIÊN KẾT VÀ THEO DÕI THÀNH VIEN GOOGLE
Trả lờiXóa@Boxgiaitri: Bạn vui lòng qua page Liên kết để yêu cầu đặt liên kết nha
Trả lờiXóa