Cộng đồng Blogger Việt Nam
Rất vui khi bạn ghé thăm Diễn đàn Cộng đồng Blogger Việt Nam
Chúc bạn vui vẻ và tìm được thông tin mong muốn!
Hãy đăng ký thành viên để góp sức xây dựng Cộng đồng Blogger Việt Nam đoàn kết, cùng phát triển nhá!
Cộng đồng Blogger Việt Nam

Chia sẻ thủ thuật - Cùng nhau khám phá tìm hiểu và phát triển Blogger - Blogspot

Latest topics

» Mong muốn làm quen
by LynhSan 16/5/2018, 11:26 pm

» Template blogspot bán hàng chuẩn seo [đã tối ưu]
by Tuan khai 18/10/2017, 7:58 am

» [ Hỏi ] Về chỉnh sửa thanh menu ?
by hoang4rever 18/5/2016, 10:53 pm

» cách chỉnh sửa Menu Blogspot
by hoang4rever 18/5/2016, 10:38 pm

» Mong muốn làm quen mọi người trong 4rum
by huongnguyen8393@gmail.com 5/9/2015, 5:53 pm

» Thesic Blogspot Template (Latest version)
by nguyendang1208 20/7/2015, 9:43 am

» Zero Gravity Blogger Template
by nguyendang1208 20/7/2015, 9:40 am

» Chia sẻ DVTechPro - Template chuẩn SEO cho Blogger
by Admin 3/7/2015, 8:39 am

» Nhờ các bạn đánh giá Template!
by Thanh Vân 27/5/2015, 11:44 pm

» Làm quen Kết bạn
by Phương Hậu 13/5/2015, 5:30 pm

» Sửa lỗi ảnh blogspot không hiển thị do bị chặn
by Admin 3/4/2015, 9:13 am

» Tuyển nhân viên làm việc bán thời gian
by Admin 30/3/2015, 11:14 pm

» cách thêm cloud zoom hoặc magic zoom cho blogspot?
by Admin 30/3/2015, 11:11 pm

» blog phải đặt www đứng trước mới vào được (giúp em với)
by Admin 30/3/2015, 11:00 pm

» 7 bước để website được index nhanh lên google
by vqw 13/1/2015, 11:59 am

» Dùng Blogspot là web phim
by phim360pro 1/1/2015, 8:49 pm

» Cùng đặt liên kết để phát triển blog
by ktuan 17/12/2014, 10:57 am

» Tạo Tab widget bài viết mới nhất theo label
by dungbk68 16/12/2014, 9:33 am

» Label hiển thị không đúng số bài viết
by vanviet098 10/12/2014, 5:08 am

» Hỏi nhanh đáp gọn!
by Admin 14/11/2014, 5:05 pm

» BẤM MẮT HAI MÍ HÀN QUỐC
by rubybeauty81 28/10/2014, 1:18 am

Poll
Statistics
Diễn Đàn hiện có 635 thành viên
Chúng ta cùng chào mừng thành viên mới đăng ký: cuahangtemplate

Tổng số bài viết đã gửi vào diễn đàn là 503 in 165 subjects

You are not connected. Please login or register

Tạo nút bấm nhảy xuống cuối trang, lên đầu trang

Go down  Thông điệp [Trang 1 trong tổng số 1 trang]

Để tiện cho việc người khác lướt blog(web) của mình, các bạn có thể tạo các nút nhảy lên đầu trang, nhảy xuống cuối trang , hoặc nhảy vào giữa trang. Bài viết này mình sẽ hướng dẫn các bạn thực hiển nó. Để cho sinh động, ta nên tạo nút bằng hình ảnh.

Đầu tiên bạn phải có 3 tấm hình (nhỏ thôi, tầm 30x30 px), dùng để tạo 3 button : lên, xuống, và giữa.

Các bước thực hiện: (ở đây mình giới thiệu cho blogspot)
1. Đăng nhập vào blog
2. Vào chỉnh sửa Code HTML
3. Chèn đọan code CSS bên dưới vào trước đọan code
Code:
]]></b:skin>
Code:
    #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);
}

- bottom:5px; , right:5px; : 2 đoạn code này để xác định vị trí hiển thị của các button trên màn hình.

4. Chèn đọan code sau vào trước thẻ đóng
Code:
</body>
Code:
  <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' border='2' src='Link ảnh1'/></a><br/>

    <a href='javascript:window.scrollTo(maxWidth,maxHeight/2)' title='Vào giữa trang'><img alt='Vào giữa trang' border='2' src='link ảnh2'/></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='link ảnh3'/></a>
    </div>
Thay link ảnh bằng link ảnh của các button
Chúc bạn thành công!

Xem lý lịch thành viên http://www.docchieu.tk

pmqcondeo


Mới tham gia
Mới tham gia
cho hỏi, blog mình: phimkhoahocvip.blogspot.com bị lỗi rất lạ đời, trang chủ ko thấy các menu bên phải (menu này mình tạo bằng widget html/java) và các tiện ích (3 cái) bên phải blog, trong khi mình chả dùng gì đến thủ thuật ẩn/hiện widget gì cả, mặc dù vào bố cục thì bọn widget vẫn nằm đúng ở chỗ đó...rất mong các bác giúp giùm,

Xem lý lịch thành viên

Về Đầu Trang  Thông điệp [Trang 1 trong tổng số 1 trang]

Permissions in this forum:
Bạn không có quyền trả lời bài viết