Code Related Post Widget with thumbnail for blogger

Add Related Post Widget widthumbnail for blogger

Đầu tiên bạn đăng nhập vào Blogger ấn Ctrl + F >> Enter để tìm
</head>

Continue Reading

Bài Đăng Phổ Biến dẹp Cho Blogger Blogspot

Bài đăng phổ biến (Popular post) không thể thiếu cho blog blogspot của bạn. Với kiểu bài viết này sẽ cho khách truy cập thấy những bài viết hay được nhiều người quan tâm nhất. Có khá nhiều kiểu bài đăng phổ biến bạn có thể lựa chọn một vài kiểu bài viết phổ biến cho blogger dưới đây.

Bài Đăng Phổ Biến Đẹp Cho Blogspot

Bước 1: Sao lưu lại template vào Notepad để lỡ may không thành công thì có cái mà sửa
Bước 2: Đăng nhập vào Blogger chọn Mẫu >> Chỉnh sửa HTML








Bước 3: Click vào ô chứa mã HTML và bấm tổ hợp phím CTRL + F nó sẽ hiện ra ô tìm kiếm




Bước 4: Copy thẻ ]]></b:skin> Hoặc </style> vào ô tìm kiếm sau đó nhấn Enter.

Bước 5: Dán đoạn CSS bên dưới lên trên/trước thẻ ]]></b:skin> Hoặc </style>



Hãy chọn kiểu mà bạn thích nha:))

Kiểu 1 :





Kiểu 2:




/* Popular Posts */



.PopularPosts ul,.PopularPosts li,.PopularPosts li img,.PopularPosts li a,.PopularPosts li a img{liststyle:none;border:none;background:none;outline:none;margin:0;padding:0} .PopularPosts ul{list-style:none;font-family:Oswald,Sans-Serif;font-size:13px;color:#fff;margin:.5em 0} .PopularPosts ul li img{display:block;width:70px;height:70px;float:left;margin:0 15px 0 0} .PopularPosts ul li{background-color:#eee;counter-increment:num;position:relative;margin:0 10% 0 0;padding:10px} .PopularPosts ul li:before,.PopularPosts ul li .item-title a{font-weight:400;font-size:13px;color:inherit;text-decoration:none} .PopularPosts ul li:before{content:counter(num);display:block;position:absolute;background-color:#555;color:#FFF;width:20px;height:20px;line-height:20px;text-align:center;bottom:5px;right:5px;margin-top:15px;border-radius:100px} .PopularPosts ul li:nth-child(1){background-color:#096a91;margin-right:0} .PopularPosts ul li:nth-child(2){background-color:#cd1be2;margin-right:2%} .PopularPosts ul li:nth-child(3){background-color:#657688;margin-right:4%} .PopularPosts ul li:nth-child(4){background-color:#00aba9;margin-right:6%} .PopularPosts ul li:nth-child(5){background-color:#8CBF26;margin-right:8%}






Kiểu 3:




/* CSS Popular Posts */



.PopularPosts .widget-content ul{list-style-type:none;overflow:hidden;}



#PopularPosts1 ul li .item-thumbnail{overflow:hidden;float:right;margin-left:10px;}



#PopularPosts1 img {overflow:hidden;width:72px;height:72px;-ms-transform: scale(1.0);-webkit-transform: scale(1.0);-moz-transform: scale(1.0);transform: scale(1.0);transition:all .4s linear;-moz-transition:all .4s linear;-webkit-transition:all .4s linear;}



#PopularPosts1 img:hover{-ms-transform: scale(1.2);-webkit-transform: scale(1.2);-moz-transform: scale(1.2);transform: scale(1.2);transition:all .4s linear;-moz-transition:all .4s linear;-webkit-transition:all .4s linear;}



.PopularPosts .widget-content ul li{position:relative;padding:0;margin:10px auto;}



.PopularPosts .widget-content ul li:first-child {margin-top:0;}



.PopularPosts .widget-content ul li:last-child {margin-bottom:0;}



.PopularPosts .widget-content ul li:nth-child(1){background:#2e3138;border:1px solid #464a54;border-left:2px solid rgba(202,220,85,0.8);width:100%;transition:all 0.3s ease-out;}



.PopularPosts .widget-content ul li:nth-child(2){background:#2e3138;border:1px solid #464a54;border-left:2px solid rgba(243,93,92,0.8);width:100%;transition:all 0.3s ease-out;}



.PopularPosts .widget-content ul li:nth-child(3){background:#2e3138;border:1px solid #464a54;border-left:2px solid rgba(10,151,181,0.8);width:100%;transition:all 0.3s ease-out;}



.PopularPosts .widget-content ul li:nth-child(4){background:#2e3138;border:1px solid #464a54;border-left:2px solid rgba(15,203,205,0.8);width:100%;transition:all 0.3s ease-out;}



.PopularPosts .widget-content ul li:nth-child(5){background:#2e3138;border:1px solid #464a54;border-left:2px solid rgba(16,170,206,0.8);width:100%;transition:all 0.3s ease-out;}



.PopularPosts .widget-content ul li:nth-child(6){background:#2e3138;border:1px solid #464a54;border-left:2px solid rgba(202,220,85,0.8);width:100%;transition:all 0.3s ease-out;}



.PopularPosts .widget-content ul li:nth-child(7){background:#2e3138;border:1px solid #464a54;border-left:2px solid rgba(243,93,92,0.8);width:100%;transition:all 0.3s ease-out;}



.PopularPosts .widget-content ul li:nth-child(8){background:#2e3138;border:1px solid #464a54;border-left:2px solid rgba(10,151,181,0.8);width:100%;transition:all 0.3s ease-out;}



.PopularPosts .widget-content ul li:nth-child(9){background:#2e3138;border:1px solid #464a54;border-left:2px solid rgba(15,203,205,0.8);width:100%;transition:all 0.3s ease-out;}



.PopularPosts .widget-content ul li:nth-child(10){background:#2e3138;border:1px solid #464a54;border-left:2px solid rgba(16,170,206,0.8);width:100%;transition:all 0.3s ease-out;}



.PopularPosts .widget-content ul li a{color:#b2b5be;transition:all 0.3s ease-out;}



.PopularPosts .widget-content ul li a:hover{color:#e8eaef;}



.PopularPosts .widget-content ul li:hover:nth-child(1),.PopularPosts .widget-content ul li:hover:nth-child(2),.PopularPosts .widget-content ul li:hover:nth-child(3),.PopularPosts .widget-content ul li:hover:nth-child(4),.PopularPosts .widget-content ul li:hover:nth-child(5),.PopularPosts .widget-content ul li:hover:nth-child(6),.PopularPosts .widget-content ul li:hover:nth-child(7),.PopularPosts .widget-content ul li:hover:nth-child(8),.PopularPosts .widget-content ul li:hover:nth-child(9),.PopularPosts .widget-content ul li:hover:nth-child(10){background:#464a54;}



.PopularPosts .widget-content{background:#353840;}



.PopularPosts .item-thumbnail{float:left;padding:0;margin:0;}



.PopularPosts .item-title {color:#b2b5be;font-weight:400;font-size:13px;padding:5px;}



.PopularPosts .item-snippet {display:none;font-size:13px;color:#b2b5be;overflow:hidden;text-align:justify;}



#PopularPosts1 h2 {background:#42454f;color:#e8eaef;font-family:'Oswald',sans-serif;font-size:18px;font-weight:400;margin:0 0 0 0;padding:12px 65px 12px 15px;position:relative;border-left:3px solid #fc4f3f;text-transform:uppercase;transition:all .5s ease-out;}



#PopularPosts1 h2:before {content:'\f005';font-family:FontAwesome;font-size:20px;font-style:normal;font-weight:normal;top:0;right:0;position:absolute;padding:12px 15px;background:transparent;color:#2c3038;line-height:26px;}






#PopularPosts1 ul{margin:0;padding:5px 0;list-style-type:none}#PopularPosts1 ul li{position:relative;margin:5px 0;border:0;padding:10px}#PopularPosts1 ul li:first-child{background:#ff4c54;width:90%}#PopularPosts1 ul li:first-child:after{content:"1"}#PopularPosts1 ul li:first-child + li{background:#ff764c;width:87%}#PopularPosts1 ul li:first-child + li:after{content:"2"}#PopularPosts1 ul li:first-child + li + li{background:#ffde4c;width:84%}#PopularPosts1 ul li:first-child + li + li:after{content:"3"}#PopularPosts1 ul li:first-child + li + li + li{background:#c7f25f;width:81%}#PopularPosts1 ul li:first-child + li + li + li:after{content:"4"}#PopularPosts1 ul li:first-child + li + li + li + li{background:#33c9f7;width:78%}#PopularPosts1 ul li:first-child + li + li + li + li:after{content:"5"}#PopularPosts1 ul li:first-child + li + li + li + li +li{background:#7ee3c7;width:75%}#PopularPosts1 ul li:first-child + li + li + li + li + li:after{content:"6"}#PopularPosts1 ul li:first-child + li + li + li + li + li +li{background:#f6993d;width:72%}#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after{content:"7"}#PopularPosts1 ul li:first-child + li + li + li + li + li + li +li{background:#f59095;width:69%}#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after{content:"8"}#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li{background:#c7f25f;width:66%}#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{content:"9"}#PopularPosts1 ul li:first-child:after,#PopularPosts1 ul li:first-child + li:after,#PopularPosts1 ul li:first-child + li + li:after,#PopularPosts1 ul li:first-child + li + li + li:after,#PopularPosts1 ul li:first-child + li + li + li + li:after,#PopularPosts1 ul li:first-child + li + li + li + li + li:after,#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after,#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after,#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{position:absolute;top:20px;right:-15px;border-radius:50%;background:#353535;width:30px;height:30px;line-height:1em;text-align:center;font-size:28px;color:#fff}#PopularPosts1 ul li .item-thumbnail{float:left;border:0;margin-right:10px;background:transparent;padding:0;width:70px;height:70px;}#PopularPosts1 ul li a{font-size:12px;color:#444;text-decoration:none}#PopularPosts1 ul li a:hover{color:#222;text-decoration:none}#PopularPosts3 img{ -moz-border-radius: 130px; -webkit-border-radius: 130px; border-radius: 130px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;padding:4px; border:1px solid #fff !important; background: #F2F2F2;}#PopularPosts1 img:hover { -moz-transform: scale(1.2) rotate(-560deg) ; -webkit-transform: scale(1.2) rotate(-560deg) ; -o-transform: scale(1.2) rotate(-560deg) ; -ms-transform: scale(1.2) rotate(-560deg) ; transform: scale(1.2) rotate(-560deg) ;}



Kiểu 4:





#PopularPosts1 h2{ padding:7px 0 3px 0; width:100%; margin-bottom:10px; font-size:1.3em; text-indent:-12px; font-size:18px; text-align:center; color: #757575; /* Color of the widget's title */ } #PopularPosts1 ul{ list-style:none; counter-reset:li; padding:8px 0px 1px; left:-7px; width:290px; } #PopularPosts1 li{ position:relative; margin:0 0 10px 0; padding: 3px 2px 0 17px; left:-5px; width:285px; } #PopularPosts1 ul li{ background: #eee; position: relative; display: block; padding: .4em .2em .4em 2em; *padding: .2em; margin: .5em 0; background: #ddd; text-decoration: none; border-radius: .3em; transition: all .3s ease-out; } #PopularPosts1 ul li:before{ content: counter(li); counter-increment: li; position: absolute; top: 50%; margin: -1.3em; height: 2em; width: 2em; line-height: 2em; font-size: 15px; color: #fff; /* text color of numbers */ background: #FB8835; /* background color of numbers */ border: .2em solid #fff; /* border color */ -webkit-box-shadow: 0 8px 5px -7px #888; -moz-box-shadow: 0 8px 5px -7px #888; box-shadow: 0 8px 5px -7px #888; text-align: center; font-weight: bold; border-radius: 2em; position: absolute; left: 0; transition: all .3s ease-out; } #PopularPosts1 ul li:hover{ background: #eee; } #PopularPosts1 ul li:hover:before{ transform: rotate(360deg); } #PopularPosts1 ul li a{ font: 14px Georgia, serif; /* font size of post titles */ text-shadow: 0 -1px 2px #fff; color: #444; display:block; min-height:25px; text-decoration:none; text-transform: uppercase; } #PopularPosts1 ul li a:hover{ color: #444; }



Kiểu 5:





#PopularPosts1 h2{ position:relative; padding:8px 10px 6px 10px; width:100%; margin-bottom: 5px; font-size:17px; color:#757575; /* Color of the widget's title */ text-align:left; } #PopularPosts1 ul{ list-style:none; counter-reset:li; padding:10px; left:-8px; width:100%; } #PopularPosts1 li{ /* Styles of each element */ width:100%; position:relative; left:0; margin:0 0 1px 12px; padding:4px 5px; } #PopularPosts1 ul li:before{ content: counter(li); counter-increment: li; position: absolute; left: -30px; top: 50%; margin-top: -13px; background: #8E8E8E; /* background color of the numbers */ height: 1.9em; width: 2em; line-height: 2em; text-align: center; font-weight: bold; color: #fff; font-size: 14px; } #PopularPosts1 ul li:after{ position: absolute; content: ''; left: -2px; margin-top: -.7em; top: 50%; width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left:10px solid #8E8E8E; /* background color of the right arrow*/ } #PopularPosts1 ul li a{ color: #444; text-decoration: none; font-size:15px; } #PopularPosts1 ul li { position: relative; display: block; padding: .4em .4em .4em .8em; *padding: .4em; margin: .5em 0 .5em 0.4em; background: #ddd; transition: all .3s ease-out; text-decoration:none; transition: all .1s ease-in-out; } #PopularPosts1 ul li:hover{ background: #eee; /* Background color on mouseover */ } #PopularPosts1 ul li a:hover{ color:#444; /* Link color on mouseover */ margin-left:3px; }



Kiểu 6 :





#PopularPosts1 h2{ position:relative; right:-2px; padding:8px 63px 6px 17px; width:100%; margin:0; font-size:16px; background:#4F4F4F; /* Background color */ color:#f2f2f2; /* Color of the widget's title */ text-align:left; text-indent:18px; } #PopularPosts1 h2:before{ position:absolute; content:""; top:36px; right:0px; width: 0px; height: 0px; border-bottom:12px outset transparent; border-left:12px solid #000000; } #PopularPosts1 h2:after{ position:absolute; content:""; top:-6px; left:-5px; width: 0px; height: 0px; border-bottom:24px outset transparent; border-top:24px outset transparent; border-left:24px solid #ffffff; /* Arrow background color on the left */ } #PopularPosts1 ul{ list-style:none; counter-reset:li; padding:10px; left:-8px; width:100%; } #PopularPosts1 li{ width:100%; position:relative; left:0; margin:7px 0 16px 12px; padding:10px 4px 0 5px; } #PopularPosts1 ul li:before{ content:counter(li); counter-increment:li; position:absolute; top:-2px; left:-20px; font-size:35px; width:20px; color:#888888; } #PopularPosts1 ul li a{ display:block; font-size:16px; /* Font size of the links */ color: #666; /* Color of the links */ text-decoration:none; transition: all .1s ease-in-out;font-weight: bold; } #PopularPosts1 ul li a:hover{ color:#3366FF; margin-left:3px; }



Kiểu 7 :





#PopularPosts1 h2{ padding:8px 10px 3px 0; width:100%; margin:0; font-size:16px; position:relative; left:-20px; display:block; border-bottom:2px solid #ccc; } #PopularPosts1 ul{ list-style:none; counter-reset:li; padding:10px; width:100%; } #PopularPosts1 li{ /* Styles of each element */ width:100%; position:relative; left:0; margin:0 0 6px 10px; padding:4px 5px; } #PopularPosts1 ul li:before{ /* Style of the numbers */ content:counter(li); counter-increment:li; position:absolute; top:3px; left:-39px; font-size:21px; width:28px; height:28px; border-radius: 50%; color:#777; /* Text color */ border: 2px solid #ddd; /* Rounded border color */ padding:0; text-indent:9px; } #PopularPosts1 ul li a{ display:block; position:relative; left:-45px; width:100%; margin:0; min-height:28px; padding: 5px 3px 3px 39px; color:#333; /* color of the links */ text-decoration:none; font-size:14px; /* Font size of the links */ font-style: italic; } #PopularPosts1 ul li a:hover{ color:#3366ff; margin-left:3px; }



Kiểu 8:





/*--- MBT Popular Posts --- */ .popular-posts ul { padding-left: 0px; counter-reset: popcount; } .popular-posts ul li:before { list-style-type: none; margin-right: 15px; padding: 0.3em 0.6em; counter-increment: popcount; content: counter(popcount); font-size: 16px; background: #292D30; color: #ffffff; position: relative; font-weight: bold; font-family: georgia; float: left; border: 2px solid #dddddd; box-shadow: 1px 2px 9px #666666; } .popular-posts ul li { border-bottom: 1px dashed #dddddd; } .popular-posts ul li:hover { border-bottom: 1px dashed #696969; } .popular-posts ul li a { text-decoration:none; color:#5A5F63; } .popular-posts ul li a:hover { text-decoration:none; }

Nguồn: http://www.vnzed.com

Continue Reading

Cách thay đổi và cài đặt giao diện (template) cho blogger

Một ngày nào đó bạn cảm thấy chán cái giao diện (Template) cũ trong blogger blogspot, bạn muốn thay đổi và cài đặt lại nó, làm thế nào để thay đổi giao diện template trong blogger blogspot đây? Bài viết cách thay đổi và cài đặt giao diện (template) cho blogger blogspot sẽ hướng dẫn bạn làm điều đó.

Cách thay đổi và cài đặt giao diện (template) cho blogger

Đầu tiên bạn cần Đăng nhập vào Blogger, sau đó hãy nhấp vào Mẫu (Template) hãy để ý phía góc trên bên trái có dòng chữ Bố cục

 

Cách thay đổi giao diện template cho blogspot

Tiếp theo để tải lên mẫu giao diện (Template) bạn nhấp vào Browse tìm đến template bạn đã download về, file này phải là file XML, nhấp vào tải lên để hoàn tất tải.

Để lưu backup lại template đã chỉnh sửa hoàn tất bạn nhấp vào tải xuống mẫu hoàn chỉnh

Với bài viết hướng dẫn Cách thay đổi cài đặt giao diện (template) cho blogger chúc các bạn tạo một blogger hoàn chỉnh nhất.

Xem thêm bài viết: Hướng dẫn sao lưu (backup) toàn bộ dữ liệu cho blogspot
Chúc thành công!

Continue Reading

Cách tạo blogger những bước cơ bản nhất

Cách tạo blogger cho người mới bắt đầu là rất cần thiết. Để thiết kế website bằng blogger blogspot của Google với những bước đơn giản, bài viết cách tạo blogger những bước cơ bản nhất hướng dẫn những người mới làm như thế nào để dần dần từng bước có một blogger đẹp theo phong cách chuyên nghiệp nhất.

Cách tạo blogger những bước cơ bản nhất

Blogger hay còn gọi là blogspot là một CMS miễn phí của ông lớn Google, vì là con đẻ nên Blogger được dành nhiều ưu ái hơn so với những dịch vụ tạo blog khác. Ngày nay để tạo một website rất dễ dàng vì đã có sẵn các hosting miễn phí như Blogger, Blog.com, Weebly...Nhưng được sử dụng nhiều nhất vẫn là Blogger.

Những đắc điểm nổi bật khi tạo website bằng Blogger

• Đăng ký dễ dàng, chỉ cần bạn có tài khoản gmail là có thể đăng ký
• Cấu trúc đơn giản, dễ dàng chỉnh sửa, hỗ trợ giao diện tiếng Việt
• Các hàng mẫu Blogger Template blogspot miễn phí
• Tốc độ tải nhanh, thân thiện
• Sử dụng không mất phí như weebly, wordpress

Hướng dẫn đăng ký và tạo website bằng Blogger blogspot

Bước đầu tiên bạn truy cập vào http://www.blogger.com/, bạn nhập địa chỉ gmail và mật khẩu để log in. Bạn có thể tạo hồ sơ bằng hố sơ Google hoăc hồ sơ trên Blogger sau đó nhấn tiếp tục

Tiếp theo bạn sẽ thấy giao diện như hình bên dưới, để khởi tạo một blog bạn nhấp vào Blog mới

Bạn điền tiều đề, địa chỉ và chọn mẫu có sẵn cho Blogger của mình, sau đó nhấp vào Tạo blog

Tiếp theo sẽ được giao diện như bên dưới

Để đăng bài viết bạn nhấp vào Bài đăng mới, để xuất bạn hãy nhấp vào Xuất bản, bạn nhấp vào Lưu để lại lại bài viết trong bài viết nháp hoặc cũng có thể nhấp vào xem trước bài viết của mình.

Để chỉnh sửa Bố cục Blog bạn nhấp vào Bố cục, ở đây bạn có thể thêm bớt các tiện ích, để thêm bạn nhấp vào thêm tiện ích hoặc chỉnh sửa bạn nhấp vào chỉnh sửa góc bên dưới.

Cách thêm một tiện ích mới nhấp vào thêm tiện ích

Bạn có thể tùy chọn các tiện ích ở trên, để thêm một tiện ích trống nhấp vào HTML/JavaScript trong ô nội dung chúng ta có thể viết bằng văn bản thường, html, css hoặc bằng javascript, bạn có thể lưu, hủy hoặc xóa như hình bên dưới.

Cách chỉnh sửa mẫu HTML 

Bạn nhấp vào mẫu => Chỉnh sửa HTML hoặc có thể nhấp vào tùy chỉnh để thay đổi màu sắc, font chữ, bố cục cho giao diện...

Cuối cùng để xem blog vừa tạo bạn nhấp vào xem blog phía góc phải trên cùng.

Trên đây là các bước đơn giản và cơ bản để tạo một blogger đơn giản cho người mới bắt đầu, chúc các bạn có những blog đẹp cho mình.

Bạn có thể xem thêm bài viết: Cách thay đổi và cài đặt giao diện (template) cho blogger

Continue Reading

Code cuộn trang hiển thị thêm bài viết cho Blogspot

Code cuộn trang hiển thị thêm bài viết cho Blogspot

Hiệu ứng cuộn trang hiển thị thêm bài viết đẹp cho Blogger blogspot - Infinite Scrolling là một hiệu ứng đẹp, và rất tiện lợi. Bạn không cần phải nhấp chuột để chuyển trang hay mở rộng xem thêm các bài viết mà nó hoàn toàn tự động hiển thị thêm các bài viết cũ khi bạn dùng chuột kéo đi xuống.

Hiệu ứng cuộn trang hiển thị thêm bài viết đẹp với hình ảnh nền khá bắt mắt, các Blogger nên sử dụng và chắc chắn bạn sẽ thích nó. Dưới đây là code các bạn hãy copy và paste vào phía trên thẻ </head> nhé

Code cuộn trang hiển thị thêm bài viết cho blogger

<!--Hiệu ứng Infinite Scrolling Code cuộn trang tự động--> 
 
<b:if cond='data:blog.pageType == "index"'> 
 
<script type='text/javascript'> 
 
jQuery.ias({
 
item: '.post-outer',
 
pagination: '#blog-pager',
 
next: '#blog-pager-older-link a', 
 
container : '.blog-posts',
 
loader: 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQrUpfrCJPsKoOvAhu5l_wKQ76ZZKh3pPiIFBRjCEE-Ppi_MlawDB5uIEHY8jOaC2Kvc_7_c7xz0WcABFO94Y5hYL809vJeV6l8xd5xDSRdSS0oBcPOBwleoNe4XJlwxSD-Vk9hPhgqwPQ/s1600/loading.gif' 
 
}); 
 
</script> 
 
<script src='https://sites.google.com/site/10kthuthuatblogger/code/code-cuon-trang.js' type='text/javascript'/> <script src='//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js'/> </b:if> 
 
<!--Hiệu ứng Infinite Scrolling Code cuộn trang tự động-->

Tùy chỉnh:

•  Nếu Blogger của bạn đã có jQuery 1.9.1 rồi thì không cần phải thêm nó vào nữa có thể bỏ đi
• Url màu xanh là ảnh nền load bạn cũng có thể thay nó bằng ảnh khác nếu bạn thích

Sau khi chèn code này vào bạn hãy lưu lại, từ bây giờ bạn sẽ không phải lo lắng hay ngại khi cuộn trang hiển thị thêm bài viết nữa. Chúc bạn thành công!

Continue Reading