hung pro vn

[Blogger] Cài Đặt Back To Top

Administrators January 02, 2026
Chào mọi người, bài viết này mình chia sẽ đến mọi người một tiện ích khá thú vị cho blogger, đó là back to top lên trên cùng cho giao diện hiện tại bạn đang sữ dụng.

[Blogger] Cài Đặt Back To Top

Chúng ta bắt đầu nhé.

Bước 1: mọi người thêm đoạn code Css bên dưới vào trong thẻ <![CDATA[/*.
.backtotop{display:none}.backtotop{position:fixed;bottom:50px;right:0;cursor:pointer;font-weight:bold;box-shadow:-5px 5px rgba(0,0,0,.1);padding:10px;background-color:#fff;opacity:.6}.backtotop span{background-image:url(https://holy-poetry-9930.toihung.workers.dev/);background-position:0 -272px;background-repeat:no-repeat;height:25px;width:22px;display:inline-block;vertical-align:middle;margin-right:5px }.backtotop:hover{opacity:1}
Bước 2: Thêm đoạn code bên dưới vào trên thẻ </body>.
 <div class='backtotop hide'><span/>Top</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>
Bước cuối cùng là mọi người lưu lại và tận hưởng kết quả.
 
Chúc mọi người thành công. Và xem demo tại bài viết này.

 
Top
Theo AnhTraiNang.Com https://www.anhtrainang.com/2020/07/cai-dat-nut-back-to-top-don-gian-tren-blog.html
Administrators

Posted by Administrators

Chia sẽ kiến thức và tư duy sáng tạo của bản thân mỗi ngày cho cộng đồng internet Việt Nam và thế giới
💬 Bình luận bằng tiếng Việt có dấu, lịch sự và tôn trọng người khác.
🚫 Không spam, không chèn link quảng cáo, bán hàng.
❌ Không sử dụng từ ngữ thô tục, xúc phạm, kích động.
🔗 Link chỉ được phép khi thực sự liên quan đến nội dung bài viết.
👤 Không mạo danh người khác hoặc sử dụng email giả.
🛑 Bình luận vi phạm sẽ bị xóa không cần thông báo trước.
⑴ Chèn ℂ𝕤𝕤 theo mẫu : [pre css] ℂ𝕤𝕤 [/pre]
⑵ Chèn ℍ𝕥𝕞𝕝 theo mẫu : [pre html] ℍ𝕥𝕞𝕝 [/pre]
⑶ Chèn 𝕁𝕒𝕧𝕒𝕤𝕔𝕣𝕚𝕡𝕥 theo mẫu : [pre js] 𝕁𝕒𝕧𝕒𝕤𝕔𝕣𝕚𝕡𝕥 [/pre]
🖼️ Chèn 𝕀𝕞𝕒𝕘𝕖 theo mẫu : Đặt 𝕃𝕚𝕟𝕜 𝕀𝕞𝕒𝕘𝕖 Lên Comment Là Tự Động Hiển Thị
🎞️ Chèn Video 𝕐𝕠𝕦𝕥𝕦𝕓𝕖 theo mẫu : [youtube] 𝕃𝕚𝕟𝕜 𝕪𝕠𝕦𝕥𝕦𝕓𝕖 [/youtube]

0 Comments

Top