Tạo Nút back to top và back to bottom đơn giản không hiệu ứng cho blogspot


người khác đã thích bài này
Bài viết trước mình cũng đã giới thiệu bài viết tương tự là tạo ra nút back to top và back to bottom với hiệu ứng trượt mượt mà, bài viết này là tiếp theo hướng dẫn các bạn tạo nút back to top khác đơn giản.

Back to top là một trong những tiện ích của blogspot mà bạn cài thêm để điều hướng người dùng lên trên đầu trang blogspot để người xem có thể thao tác trên menu để đọc

Tạo Back to top và back to bottom:

Nút back to top và back to bottom đơn giản không hiệu ứng cho blogspot
Nút Back top top và back to bottom cho blogspot


Cách thực hiện tạo nút back to top và back to bottom cho blogspot:

Các bạn copy đoạn code bên dưới:
Bước 1: Vào mẫu tìm từ ]]></b:skin> và dán đoạn code CSS bên dưới phía trên thẻ ]]></b:skin>
.toptop{position: fixed;
z-index: 9999;
bottom: 100px;
right: 25px;

padding-bottom: 0px;
background: #fff;}
.bottombottom{position: fixed;
z-index: 9999;
bottom: 150px;
right: 25px;

padding-bottom: 0px;
background: #fff;}
Bước 2: Có 2 cách chèn:
Cách 1: Vào mẫu và dán trước thẻ </body> hoặc </head> đều được

Cách 2: Tạo 1 HTML/JAVACRIPT và dán vào đó

Đoạn code bạn sẽ chèn 1 trong 2 cách đề tạo nút Tạo Nút back to top và back to bottom cho blogspot

<a class='toptop' href='javascript:top.window.scrollTo(0,0)' title='Lên đầu trang'><img alt='Lên đầu trang' src='http://1.bp.blogspot.com/-FVlaW4GUadU/U3Ya1e3hQCI/AAAAAAAAG1Q/eoVXlzOPxZU/s1600/back-to-top.png'/></a>
<a class='bottombottom' href='javascript:window.scrollTo(0,999999)' title='Xuống cuối trang'><img alt='Xuống cuối trang' src='http://4.bp.blogspot.com/-0EzzyYM0NMc/U3YbGimoVyI/AAAAAAAAG1Y/TA-zPOHpuOA/s1600/back-to-bottom.png'/></a>
Chúc các bạn thành công!
Dẫn nguồn về Toilaquantri.com nếu bạn có xuất bản lại nội dung từ Website này!


ĐĂNG KÍ


Không có nhận xét nào:

Không Spam Link dưới mọi hình thức.

ĐĂNG KÍ RSS

Tiếp tục


Bạn quên địa chỉ email?

Bản tin RSS Feeds sẽ được gởi đến email của bạn.


GIỚI THIỆU


HUỲNH PHỤNG
▪ Là 1 chuyên gia setup SEO Systems : Blogger
▪ Hiện công tác Cty Marketing TM - DichvuSEO.INFO
▪ Dịch vụ SEO tổng thể | Lập kế hoạch SEO | Setup hệ thống SEO chuyên nghiệp.

KẾT NỐI & CHIA SẺ



Liên Hệ
  • Thời gian làm việc từ T2-T7 (9h-21h)
  • Văn Phòng: 98 Nguyễn Văn Lượng, Gò Vấp, TPHCM
  • (+84) 932.913.631
  • Haiphungmarketing@gmail.com
  • Huỳnh Phụng Blogger FanPage

  • TÀI KHOẢN

    Số Tài Khoản ACB

    Số TK: 214 081 769
    Họ Tên: Huynh Hai Phung
    Ngân hàng ACB Tân Bình (Ngân hàng Á Châu Tân Bình)
    Thông tin chuyển khoản: (Tên KH + Số tiền chuyển + Nội dung dịch vụ)

    STK VietComBank

    Số TK: 0721 0006 096 05
    Họ Tên: Huynh Hai Phung
    Ngân hàng VCB Bình Thạnh TPHCM
    Thông tin chuyển khoản: (Tên KH + Số tiền chuyển + Nội dung dịch vụ)