Nếu không xem được hãy để lại bình luận phía dưới Phim để ADMIN sửa lỗi.Giờ Cao điểm sever có lúc bị quá tải các bạn chỉ cần đợi 1 lúc và load lại phim là xem bình thường. BQT LaZaTV !
Tạo hiệu ứng load bài viết ngoài trang chủ giống facebook cho Blogspot
Thể Loại:
Quốc Gia:
Năm Phát Hành:
Trạng Thái
Một hiệu ứng mới, một thủ thuật mới đánh lừa thị giác độc giả cũng như góp phần làm blog có cảm giác load mượt hơn... Hôm nay Khanh sẽ giúp các bạn làm điều đấy !
Những bạn hay tương tác cũng như thường qua blog Khanh cũng đã biết blog mình vừa thêm một hiệu ứng load giống Facebook. Ngay sau đó đã có nhiều bạn xin code và mình hứa sẽ viết bài cho mọi người. Tuy nhiên CSS load của blog mình giống Facebook thôi nên nó không phù hợp với một số Blog hiện tại. Vậy nên mình đã khảo sát qua một vòng và đưa ra CSS mới tích hợp cho đa phần giao diện các blog cá nhân hiện tại. Demo các bạn có thể xem ở ảnh phía dưới !
Các bước thực hiện
Bước 1: Đăng nhập Blogger > Chủ đề > Chỉnh sửa HTML > Chèn đoạn CSS này vào dưới thẻ <style>:
Bước 2: Chèn JS này vào trên thẻ đóng </head>:
Bước 3: Tìm đoạn <b:section class='main' id='main' showaddelement='no'> hoặc <b:section class='main' id='main' showaddelement='yes'> và chèn đoạn code phía dưới ngay phía trên đoạn code vừa tìm:
Vậy là mình đã hướng dẫn xong cho các bạn ! Hi vọng bài viết này sẽ giúp cho blog các bạn thêm phần chuyên nghiệp cũng như tạo cảm giác mượt mà hơn !
Nếu không thành công hay gặp vấn đề gì, đừng ngần ngại bình luận phía dưới nhé.
Chúc các bạn thành công !
Những bạn hay tương tác cũng như thường qua blog Khanh cũng đã biết blog mình vừa thêm một hiệu ứng load giống Facebook. Ngay sau đó đã có nhiều bạn xin code và mình hứa sẽ viết bài cho mọi người. Tuy nhiên CSS load của blog mình giống Facebook thôi nên nó không phù hợp với một số Blog hiện tại. Vậy nên mình đã khảo sát qua một vòng và đưa ra CSS mới tích hợp cho đa phần giao diện các blog cá nhân hiện tại. Demo các bạn có thể xem ở ảnh phía dưới !
Bước 1: Đăng nhập Blogger > Chủ đề > Chỉnh sửa HTML > Chèn đoạn CSS này vào dưới thẻ <style>:
.abls_tkn, .abls_2_tkn, .abls_3_tkn , .abls_4_tkn , .abls_5_tkn , .abls_6_tkn {
-webkit-animation-duration: 1s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-name: loadingAnimation;
-webkit-animation-timing-function: linear;
background: #f6f7f8;
background-image: -webkit-linear-gradient(left,#f6f7f8 0%,#edeef1 20%,#f6f7f8 40%,#f6f7f8 100%);
background-image: linear-gradient(left,#f6f7f8 0%,#edeef1 20%,#f6f7f8 40%,#f6f7f8 100%);
background-repeat: no-repeat;
background-size: 200% auto;
}
.abls_tkn{
height: 135px;
width: 250px;
position: relative;
overflow: hidden;
float: left;
margin-right: 10px;
}
.abls_2_tkn{
height: 19px;
width: 332px;
display: inline-block;
position: relative;
overflow: hidden;
margin-top: 8px;
}
.abls_3_tkn{
height: 13px;
width: 430px;
position: relative;
overflow: hidden;
margin-top: 5px;
}
.abls_4_tkn{
height: 10px;
width: 420px;
position: relative;
overflow: hidden;
margin-top: 20px;
}
.abls_5_tkn{
height: 10px;
width: 450px;
position: relative;
overflow: hidden;
margin-top: 14px;
}
.abls_6_tkn{
height: 10px;
width: 180px;
position: relative;
overflow: hidden;
margin-top: 14px;
}
.loadabcs_tkn { margin-bottom: 15px;
height: 136px;
background: #fff;
padding: 5px;
}
Bước 2: Chèn JS này vào trên thẻ đóng </head>:
<script>
// JS load blog by Khanh Blogger.com
var copyrighttkn = "Ban quyen thuoc KhanhBlogger.com";
var _0x4216=["\x42\x61\x6E\x20\x71\x75\x79\x65\x6E\x20\x74\x68\x75\x6F\x63\x20\x4B\x68\x61\x6E\x68\x42\x6C\x6F\x67\x67\x65\x72\x2E\x63\x6F\x6D","\x64\x69\x73\x70\x6C\x61\x79","\x73\x74\x79\x6C\x65","\x6C\x6F\x61\x64\x74\x6B\x6E\x69\x64","\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x42\x79\x49\x64","\x62\x6C\x6F\x63\x6B","\x6E\x6F\x6E\x65","\x6C\x6F\x63\x61\x74\x69\x6F\x6E","\x68\x74\x74\x70\x73\x3A\x2F\x2F\x77\x77\x77\x2E\x6B\x68\x61\x6E\x68\x62\x6C\x6F\x67\x67\x65\x72\x2E\x63\x6F\x6D"];if(copyrighttkn== _0x4216[0]){document[_0x4216[4]](_0x4216[3])[_0x4216[2]][_0x4216[1]]= _0x4216[5];setTimeout(function(){document[_0x4216[4]](_0x4216[3])[_0x4216[2]][_0x4216[1]]= _0x4216[6]},1000)};if(copyrighttkn!= _0x4216[0]){window[_0x4216[7]]= _0x4216[8]}
</script>
Bước 3: Tìm đoạn <b:section class='main' id='main' showaddelement='no'> hoặc <b:section class='main' id='main' showaddelement='yes'> và chèn đoạn code phía dưới ngay phía trên đoạn code vừa tìm:
<b:if cond='data:blog.pageType == "index"'><div id='loadtknid'><div class='loadabcs_tkn'><div class='abls_tkn'></div><div class='abls_2_tkn'></div><div class='abls_3_tkn'></div><div class='abls_4_tkn'></div><div class='abls_5_tkn'></div><div class='abls_6_tkn'></div></div><div class='loadabcs_tkn'><div class='abls_tkn'></div><div class='abls_2_tkn'></div><div class='abls_3_tkn'></div><div class='abls_4_tkn'></div><div class='abls_5_tkn'></div><div class='abls_6_tkn'></div></div><div class='loadabcs_tkn'><div class='abls_tkn'></div><div class='abls_2_tkn'></div><div class='abls_3_tkn'></div><div class='abls_4_tkn'></div><div class='abls_5_tkn'></div><div class='abls_6_tkn'></div></div><div class='loadabcs_tkn'><div class='abls_tkn'></div><div class='abls_2_tkn'></div><div class='abls_3_tkn'></div><div class='abls_4_tkn'></div><div class='abls_5_tkn'></div><div class='abls_6_tkn'></div></div><div class='loadabcs_tkn'><div class='abls_tkn'></div><div class='abls_2_tkn'></div><div class='abls_3_tkn'></div><div class='abls_4_tkn'></div><div class='abls_5_tkn'></div><div class='abls_6_tkn'></div></div><div class='loadabcs_tkn'><div class='abls_tkn'></div><div class='abls_2_tkn'></div><div class='abls_3_tkn'></div><div class='abls_4_tkn'></div><div class='abls_5_tkn'></div><div class='abls_6_tkn'></div></div><div class='loadabcs_tkn'><div class='abls_tkn'></div><div class='abls_2_tkn'></div><div class='abls_3_tkn'></div><div class='abls_4_tkn'></div><div class='abls_5_tkn'></div><div class='abls_6_tkn'></div></div><div class='loadabcs_tkn'><div class='abls_tkn'></div><div class='abls_2_tkn'></div><div class='abls_3_tkn'></div><div class='abls_4_tkn'></div><div class='abls_5_tkn'></div><div class='abls_6_tkn'></div></div><div class='loadabcs_tkn'><div class='abls_tkn'></div><div class='abls_2_tkn'></div><div class='abls_3_tkn'></div><div class='abls_4_tkn'></div><div class='abls_5_tkn'></div><div class='abls_6_tkn'></div></div><div class='loadabcs_tkn'><div class='abls_tkn'></div><div class='abls_2_tkn'></div><div class='abls_3_tkn'></div><div class='abls_4_tkn'></div><div class='abls_5_tkn'></div><div class='abls_6_tkn'></div></div><div class='loadabcs_tkn'><div class='abls_tkn'></div><div class='abls_2_tkn'></div><div class='abls_3_tkn'></div><div class='abls_4_tkn'></div><div class='abls_5_tkn'></div><div class='abls_6_tkn'></div></div></div></b:if>
Vậy là mình đã hướng dẫn xong cho các bạn ! Hi vọng bài viết này sẽ giúp cho blog các bạn thêm phần chuyên nghiệp cũng như tạo cảm giác mượt mà hơn !
Nếu không thành công hay gặp vấn đề gì, đừng ngần ngại bình luận phía dưới nhé.
Chúc các bạn thành công !
Phim Xem Nhiều
-
Blogspot (hay còn gọi là blogger) là một hệ thống weblog được phát triển bởi Pyral Labs và được Google mua lại vào năm 2003, chúng cho phép ...
-
Porn Hub đang là một trào lưu hiện nay với nhiều bạn trẻ. Đã có rất nhiều WEB, Blog hướng dẫn cũng như thực hiện cách làm logo Porn Hub. Thế...
-
Xin chào mọi người. Trong thời gian vừa qua thì mình khá bận bịu với công việc và đặc biệt là với group mới. Đây là group chuyên sâu, là nơi...
-
Heey, xin chào các bạn. Mấy bữa nay thi không rảnh viết thủ thuật nên sorry mọi người nhiều. Hôm nay sẽ là bài viết mình bán theme. Đây là t...
-
Đã lâu rồi Khanh không viết thủ thuật cho các bạn vì một vài lý do :v Hôm nay thay vì viết thủ thuật như mọi khi thì hôm nay mình xin được c...
-
Đã có rất nhiều bạn hỏi về cái này thì hôm nay rảnh rỗi share cho mọi người. Để xem demo các bạn có thể rê chuột vào tên của người bình luận...
-
Với nhiều nút Demo, download được chia sẻ ở nhiều trang web thì hầu hết đều để nền cũng như hiệu ứng Hover khá quen thuộc. Chính vì thế, để ...
-
Bài viết tản mản đầu tiên. Mà cũng không biết nó có phải tản mạn không nữa tại cái này liên quan đến Blogspot mà cái ý tưởng như cái thủ thu...
-
Xin chào mọi người. Hiện nay sau một khoảng thời gian thành lập thì Link Thủ Thuật đã được nhiều người biết đến và sử dụng. Ban đầu trang we...
-
Cũng không biết nó đã có từ bao giờ nhưng mới hôm nay chỉ vài phút trước mình đã viết một bài viết ... nhưng bất ngờ khi viết một ký tự cộng...
Liên Kết Đối Tác
LazaTv.Com
LazaTv.Com
LazaTv.Com
lazatv, laza tv, laza tivi, lazativi, lazatv phim, laza tv phim hay, xem phim lazatv, xem lazatv
Website có sử dụng nguồn từ Phim14, BanhTV, Bilutv, Phimbathu, PhimMoi, KPhim, Youtube, Daily... Cảm ơn SubTEAM đã Việt Hoá những Bộ Phim Hay Nhất đến với những khán giả yêu Phim.