• Giới thiệu
  • Liên hệ
  • Điều khoản
  • Bảo mật
Tech News, Magazine & Review WordPress Theme 2017
  • Home
  • Designer
    • PHOTOSHOP
      • Tutorial
      • Download
    • ILLUSTRATOR
      • Tutorial
      • Download
    • LIGHTROOM
      • Tutorial
      • Download
    • PHOTOGRAPHY
  • Blogspot
    • Template Blogspot
    • Thủ Thuật Blogspot
  • WordPress
    • Plugin WordPress
    • Theme WordPress
    • Thủ Thuật WordPress
  • Thủ Thuật
    • Công Nghệ
    • Web
    • Windows
  • Tài Liệu
    • Lập Trình
    • Khóa học
    • Phần mềm
    • Tiktok
  • GAME
    • Game Offline
    • Game Online
No Result
View All Result
  • Home
  • Designer
    • PHOTOSHOP
      • Tutorial
      • Download
    • ILLUSTRATOR
      • Tutorial
      • Download
    • LIGHTROOM
      • Tutorial
      • Download
    • PHOTOGRAPHY
  • Blogspot
    • Template Blogspot
    • Thủ Thuật Blogspot
  • WordPress
    • Plugin WordPress
    • Theme WordPress
    • Thủ Thuật WordPress
  • Thủ Thuật
    • Công Nghệ
    • Web
    • Windows
  • Tài Liệu
    • Lập Trình
    • Khóa học
    • Phần mềm
    • Tiktok
  • GAME
    • Game Offline
    • Game Online
No Result
View All Result
Tin Tức Tổng Hợp
No Result
View All Result

Hướng Dẫn Thêm Nút Back To Top Cho Blogspot

admin by admin
Tháng Chín 16, 2021
Home Blogspot

Thêm Nút Back To Top Cho Blogspot sẽ làm cho việc trở lại đầu trang bài viết đơn giản hơn chỉ bằng 1 click! Thực hiện theo hướng dẫn này để tìm hiểu cách bạn có thể thêm chức năng này vào blog của mình bằng vài bước đơn giản:

Nội dung

  • Hướng Dẫn Thêm Nút Back To Top Cho Blogspot
  • Lời kết
    • Bài viết liên quan:

Hướng Dẫn Thêm Nút Back To Top Cho Blogspot

Hướng Dẫn Thêm Nút Back To Top Cho Blogspot
Hướng Dẫn Thêm Nút Back To Top Cho Blogspot

Đầu tiền các bạn cần truy cập vào trang Blogger của mình – Ấn vào chủ đề – Chỉnh sửa HTM, sau đó làm theo các bước bên dưới đây.

Bước 1: Các bạn chèn đoạn css sau lên trên ]]></b:skin>

/* Back To Top */
.backtotop {
position: fixed;
bottom: 20px;
right: 20px;
cursor: pointer;
font-size: 25px;
box-shadow: 0 10px 15px -3px rgb(0 0 0 / 10%), 0 4px 6px -2px rgb(0 0 0 / 5%);
padding: 10px;
background-color: #138882;
opacity: .6;
color: #fff;
text-align: center;
width: 45px;
border-radius:5px;}
.backtotop:hover{opacity:1}

Bước 2: Thêm đoạn HTML và Js sau lên trên thể đóng </body>

<div class='backtotop'><i class='far fa-hand-point-up'/></div>
<script type='text/javascript'>
$(function(){$(window).scroll(function(){$(this).scrollTop()&gt;100?$(&quot;.backtotop&quot;).fadeIn():$(&quot;.backtotop&quot;).fadeOut()}),$(&quot;.backtotop&quot;).click(function(){return $(&quot;html,body&quot;).animate({scrollTop:0},800),!1})});
</script>

Lưu template lại và xem kết quả nhé!

Lời kết

Như vậy là mình vừa hướng dẩn các bạn cách thêm nút Back to top cho blogspot khá đơn giản, hi vọng các bạn sẽ thích nó! Chúc Các Bạn Thành Công!

Đánh giá bài viết
[Total: 2 Average: 3]

Bài viết liên quan:

  1. Hướng dẫn thêm Google Analytics vào Blogger 2022
  2. Chèn bài viết liên quan vào giữa bài viết blogspot
  3. Tạo Khung Chứa Code Cho Blogspot Đẹp Với Highlight Js
  4. How to Create a Blogger Account?
  5. Customizable Related Posts Widget for Blogger
Tags: Thêm Nút Back To Top Cho Blogspot
admin

admin

Next Post
Tạo trang chuyển hướng liên kết ngoài cho blogspot

Tạo trang chuyển hướng liên kết ngoài cho blogspot

Tạo quảng cáo cố định hai bên cho blogspot

Tạo quảng cáo cố định hai bên cho blogspot

Cách đăng ký Google Tin tức cho website uplate 2021

Cách đăng ký Google Tin tức cho website uplate 2022

Login
guest
guest
0 Góp ý
Inline Feedbacks
Xem tất cả các bình luận

TUT Lên Tích Xanh Facebook Miễn Phí 2023

Điều kiện để Messi có thể tham dự World Cup 2026

Khắc phục lỗi Client hết trận đấu trường chân lý

Ân sủng là gì? Sự ân sủng là gì?

Misoa là ai? Nữ MC lên tiếng “bị bạn trai tác động vật lý”

DQ là số điện thoại của ai? Vì sao gọi cho bạn?

  • Viết BLog
    • Giới thiệu
    • Liên hệ
    • Điều khoản
    • Bảo mật

    © 2021 Đoàn Hải Blog

    No Result
    View All Result
    • Home
    • Designer
      • PHOTOSHOP
        • Tutorial
        • Download
      • ILLUSTRATOR
        • Tutorial
        • Download
      • LIGHTROOM
        • Tutorial
        • Download
      • PHOTOGRAPHY
    • Blogspot
      • Template Blogspot
      • Thủ Thuật Blogspot
    • WordPress
      • Plugin WordPress
      • Theme WordPress
      • Thủ Thuật WordPress
    • Thủ Thuật
      • Công Nghệ
      • Web
      • Windows
    • Tài Liệu
      • Lập Trình
      • Khóa học
      • Phần mềm
      • Tiktok
    • GAME
      • Game Offline
      • Game Online

    © 2021 Đoàn Hải Blog

    wpDiscuz
    0
    0
    Rất thích suy nghĩ của bạn, hãy bình luậnx
    ()
    x
    | Reply