Tuesday, September 21, 2021
Home Blogspot Cách tạo nút trở về đầu trang cho blogspot

Cách tạo nút trở về đầu trang cho blogspot

Sử dụng một trong hai cách sau đây ta có thể thêm được nút lệnh trở về đầu trang cho website tạo bằng blogspot các bạn tham khảo nhé:

Cách 1:Sử dụng CSS đơn giản để code, cách này cũng được chia sẻ trên khá nhiều Blog khác. Ưu điểm là nhanh chóng, chỉ với 1 đoạn code, không hề ảnh hưởng đến tốc độ website. Nhược điểm là icon luôn luôn hiện lên trên Blog. Các bạn sử dụng đoạn code dưới đây cho vào trước thẻ </Body> của Blogspot là được. 

<a style=”display:scroll;position:fixed;bottom:5px;right:5px;” href=”#” ><img alt=’back to top’ title=”Back to Top” src=”https://lh4.googleusercontent.com/-Q6ZDoaGiHX0/WDfcXPjpT5I/AAAAAAAADlQ/ZweeuLRNNhALBxVLm9jH9l25cQk8o5sfACLcB/s1600/luuanh.png”/></a>

Cách 2: Sử dụng JavaScript: Cách này cần làm thêm một bước nữa so với cách trên nhưng cách trên nhưng cái hay là chỉ khi nào bạn di chuyển xuống dưới trang Blogspot biểu tượng Icon của nút lên đầu trang (back to top ) mới hiện lên. Đầu tiên các bạn sử dụng đoạn code dưới đây thêm vào trước thẻ </head> :

 <script async=’async’ src=’https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js’ type=’text/javascript’/> .

Tiếp theo các bạn sử dụng đoạn code sau thêm vào trước thẻ </Body>:

 <script type=’text/javascript’>$(function(){$(window).scroll(function(){if($(this).scrollTop()!=0){$(“#noop-top”).fadeIn()}else{$(“#noop-top”).fadeOut()}});$(“#noop-top”).click(function(){$(“body,html”).animate({scrollTop:0},800);return false})});</script><a id=’noop-top’ style=’display: none; position: fixed; bottom: 5px; right:5px; cursor:pointer;’><img alt=’back to top’ title=”Back to Top” src=”https://lh4.googleusercontent.com/-Q6ZDoaGiHX0/WDfcXPjpT5I/AAAAAAAADlQ/ZweeuLRNNhALBxVLm9jH9l25cQk8o5sfACLcB/s1600/luuanh.png”/></a>

Lưu ý bạn có thể đổi cái hình nút mũi tên trở về đầu trang bằng cách thay đổi đường dẫn của cái ảnh mũi tên trở về đầu trang tại địa chỉ :
https://lh4.googleusercontent.com/-Q6ZDoaGiHX0/WDfcXPjpT5I/AAAAAAAADlQ/ZweeuLRNNhALBxVLm9jH9l25cQk8o5sfACLcB/s1600/luuanh.png

Bằng 1 cái ảnh mũi tên của bạn mà bạn tạo ra rồi upload lên đám mây của bạn ở 1 địa chỉ đường dẫn nào đó khác cũng được các bạn nhé.

Chúc các bạn thành công!


(ST)

RELATED ARTICLES

Tạo thêm tài khoản quản trị trong Blogger

Việc thêm tài khoản quản trị Blogger sẽ cho phép bạn dùng các tài khoản khác để đăng nhập vào và chăm...

Cách thêm Sơ đồ trang web Google vào Blog Blogger của bạn

Tệp Sơ đồ trang web XML giống như một thư mục của tất cả các trang web...

Cách khắc phục Không thể tìm nạp lỗi sơ đồ trang web trên Search Console

Thả ga mua sắm online tại đây Thả ga mua sắm online tại đây Bạn đã đối mặt không thể tìm nạp lỗi...

LEAVE A REPLY

Please enter your comment!
Please enter your name here

Most Popular

Máy bay đổ bộ Be-200 thường được sử dụng để chữa cháy rừng ở cả Nga và nước ngoài!

Máy bay đổ bộ Be-200 thường được sử dụng để chữa cháy rừng ở cả Nga và nước ngoài!

Những câu nói hay về cuộc sống làm thay đổi cuộc đời bạn

Tổng hợp 1500+ những câu nói hay về cuộc sống, stt buồn về cuộc sống hay và ý nghĩa nhất. Những lời hay...

Những câu nói hay tạo động lực, truyền cảm hứng dẫn đến thành công

Những câu nói hay tạo động lực có thể truyền cảm hứng, thúc đẩy bạn nỗ lực để tạo nên thành công....

Những câu nói truyền cảm hứng Chọn Lọc làm thay đổi đời bạn

Những câu nói truyền cảm hứng của những người thành công, người nổi tiếng, người xưa chính là bí quyết mà không phải...