Để góp phần làm blog bạn thêm sinh động và chuyên nghiệp hơn, hôm nay mình viết bài này để giới thiệu đến các bạn thêm một hiệu ứng loading khi tải trang tuyệt đẹp cho blogspot. Vô tình tìm thấy 1 tấm ảnh động quá đẹp nên mang về thêm CSS, Javascript để tạo ra một hiệu ứng rất đẹp mắt!
Cùng xem và áp dụng nhé.
Bước 1: Đăng nhập Blogger Mẫu Chỉnh sửa HTML.
Bước 2: Copy và paste đoạn code sau vào sau thẻ
Nếu áp dụng thành công thì đừng quên để lại link trang blog của bạn để mọi người ghé xem nhé! Còn nếu gặp lỗi trong quá trình thực hiện thì cũng đừng quên bình luận bên dưới để mình giúp đỡ! Thanks.
Cùng xem và áp dụng nhé.
Bước 2: Copy và paste đoạn code sau vào sau thẻ
<body> trong template.<style>Bước 3: Lưu template.
.spinner{background: #282429 url(https://1.bp.blogspot.com/-Dhqpam_IEYk/WG8cR5RQdHI/AAAAAAAACL8/mVygJOzWNqYM5yugxMsBEbbTu3Wj-VJJwCLcB/s1600/hieu-ung-loading-blogttcn-blogspot-com.gif) no-repeat center center; z-index: 99999; position: fixed; width: 100%; top: 0; height: 100%; -webkit-user-select: none}
</style>
<div class='spinner'></div>
<script type='text/javascript'>
$(window).load(function () {
setTimeout(function () {
$(".spinner").fadeOut("slow");
setTimeout(function () {
$("#loader").fadeOut("slow")
}, 0)
}, 0)
})
</script>
Nếu áp dụng thành công thì đừng quên để lại link trang blog của bạn để mọi người ghé xem nhé! Còn nếu gặp lỗi trong quá trình thực hiện thì cũng đừng quên bình luận bên dưới để mình giúp đỡ! Thanks.
Bình luận Blogger
● Comment có văn hóa: Không chửi tục, nói bậy, thông qua khung Comment.
● Với tên "ẩn danh" thì bạn tích vào ô: "chứng minh bạn không phải là rô-bốt".
● Để bình luận một đoạn code, bạn click vào đây để mã hóa code trước nhé !
● Để đăng ảnh làm hình minh họa, bạn click vào đây để Upload ảnh lên sever nhé !
0 nhận xét | Viết lời bình