Tạo intro Chúc Mừng Năm Mới tuyệt đẹp chỉ bằng CSS và HTML

Hello xin chào tất cả các bạn, chào mừng các bạn đã quay lại với blog Bác Sĩ Windows.
Bài viết đầu tiên trên blog cũng là bài viết mình tâm đắc và yêu thích nhất trong các thủ thuật blogspot mà mình từng viết. Tại vì nhìn nó đẹp vch kkk


Cụ thể đây là bài viết hướng dẫn các bạn làm một đoạn chữ giới thiệu giữa màn hình kèm theo một số hiệu ứng bằng CSS để trang trí cho blog bạn thêm phần đẹp và sinh động hơn, có thể xem demo ngay tại trang chủ. Giống như cái bài viết hồi lúc trước mình viết để trang trí tết gì gì ấy quên rồi, bài viết này là mình lấy lại code từ đó rồi chỉnh sửa một tí theo sở thích các nhân nhìn cho phù hợp với blog!
Live Demo
Không tinh linh luyên thuyên nữa, bắt đầu thôi!

Các bước thực hiện

Bước 1. Vào trang chỉnh sửa HTML của Blogspot.
Bước 2. Tim thẻ <body> và dán đoạn code dưới đây vào phía sau thẻ đó.
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<style>
#intro_homepage{position:relative;display:table;width:100%;height:60vh;margin:0!important;padding:0!important;z-index:999;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRdFI0Lg_STryRelW4X3Z863-_-GfHXVihSLOElT57Sk7TgNVoDj-xPpz0X1yNPMAkqEsDsd1pvOpPCo1yicoqGFx1_7iYUyG1imI_2zspan9joRqT5xQRjvsP2tzF3byXMVwwvRJcX17Q/s1600/beautiful-girl------------www-bacsiwindows-com+%25288%2529.jpg) no-repeat center center!important;background-size:cover!important}
#intro_homepage:before{content: &#39;&#39;; opacity: 1; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; background: linear-gradient(transparent, #050a18)}
#intro_homepage:after{content:&#39;&#39;;z-index:0;position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(transparent,rgba(51, 51, 51, 0.15) 0%,rgba(12,23,36,0.4))}
.intro_homepage_content{position:relative;z-index:3}
.intro_label h2{animation:zoomInUp 6s;font-size:45px;font-weight:700;color:rgba(255,255,255,.85);letter-spacinggg:0;margin:0 0 .25em;padding:0;font-family:&quot;Roboto Condensed&quot;,sans-serif;text-transform:uppercase}
.intro_label p{animation: zoomInDown 4s; text-transform: uppercase; font-size: 16px; font-weight: 400; color: rgba(255,255,255,0.7); margin: 0; padding: 0; letter-spacing: 2px}
.intro_label{margin:0 auto;text-align:center;padding:0}
.intro_buttondown a{position:absolute;bottom:10%;left:50%;z-index:2;display:inline-block;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);color:#fff;font:normal 400 20px/1 &#39;Josefin Sans&#39;,sans-serif;letter-spacinggg:.1em;text-decoration:none;transition:opacity .3s}
.meta_{display:table-cell;vertical-align:middle;text-align:center}
#intro_buttondown a span{position:absolute;top:-45px;left:50%;width:22px;height:22px;margin-left:-12px;border-left:1px solid #FFF;border-bottom:1px solid #fff;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-animation:sdb05 2s infinite;animation:sdb05 2s infinite;box-sizing:border-box}
#intro_buttondown a{animation:zoomInDownn 8s}
@-webkit-keyframes sdb05{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
@keyframes sdb05{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
#intro_buttondown a span:nth-of-type(1){-webkit-animation-delay:0s;animation-delay:0s}
#intro_buttondown a span:nth-of-type(2){-webkit-animation-delay:.2s;animation-delay:.2s}
#intro_buttondown a span:nth-of-type(3){-webkit-animation-delay:.4s;animation-delay:.4s}
.xem-hd{text-align:right;width:1080px;font-size:16px;color:#fff;text-transform:uppercase;letter-spacinggg:0;font-weight:300;position:absolute;bottom:20px;right:30px;z-index:9999}
.xem-hd a{color:rgba(255,255,255,.5);animation:slideToLeft 2s}
.xem-hd a:hover{color:#fff}
</style>
<div id='intro_homepage'>
<div class='meta_'>
<div class='intro_homepage_content'>
<div class='intro_label'>
<h2 class='_title'><i aria-hidden='true' class='fa fa-gg' style='margin:0 20px 0 0'/>Chúc Mừng Năm Mới 2018<i aria-hidden='true' class='fa fa-gg' style='margin:0 0 0 20px'/></h2>
<p>An Khang Thịnh Vương - Vạn Sự Như Ý - Bác Sĩ Windows</p>
</div>
</div></div>
<div class='xem-hd'>
  <a href='/' target='blank' title='Xem hướng dẫn'>Xem hd <i class='fa fa-angle-right'/></a>
</div>
<section class='intro_buttondown' id='intro_buttondown'>
<a href='#continue'><span/><span style='margin-top: 10px'/><span style='margin-top: 20px'/></a>
</section>
<div class='meta_'>
</div>
</div>
<div id='continue'/>
</b:if>
Bước 3. Lưu mẫu, và thưởng thức thôi!

Tùy chỉnh

  • Đoạn màu đỏ là chỉ giới hạn nó chỉ hiển thị ở trang chủ, bạn có thể xóa nó nếu muốn nó hiển thị ở tất cả các trang nhé.
  • Đoạn màu xanh là link ảnh, có thể thay ảnh khác nếu không thích hình ảnh có sẵn.
  • Đoạn in đậm chắc không cần nói cũng biết nhỉ!

Nâng cao

Nếu bạn muốn tạo dòng chữ chạy như Bác Sĩ Windows Blog thì thêm code này vào sau <body> thay cho đoạn code trên.
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<style>
#intro_homepage-bsw{user-select:none;position:relative;display:table;width:100%;height:100vh;margin:0!important;padding:0!important;z-index:999;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiz9TJolK5A_9PBxyzqjIjC-IZyqYj4E585S2VocdoJB4iS1SHhRWkEoGu5_DyGw8QIoGKzTK1HEnwNtyLGzYZUdN9wtesInJpopcjabMOxUZiW3uQdQiSoXHY08mQlYenJILlw9lcuIwCs/s1600/beautiful-girl------------www-bacsiwindows-com+%25283%2529.jpg) no-repeat center center!important;background-size:cover!important}
#intro_homepage-bsw:before{content: &#39;&#39;; opacity: .4; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; background: linear-gradient(transparent, #050a18)}
#intro_homepage-bsw:after{content:&#39;&#39;;z-index:0;position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(transparent,rgba(51, 51, 51, 0.15) 0%,rgba(12,23,36,0.4))}
.intro_homepage-bsw_content-bsw{position:relative;z-index:3}
.intro_label-bsw h2{animation:zoomInUp 6s;font-size:45px;font-weight:700;color:rgba(255,255,255,.85);letter-spacinggg:0;margin:0 0 .25em;padding:0;font-family:&quot;Roboto Slab&quot;,sans-serif;text-transform:uppercase}
.intro_label-bsw p{font-family:Roboto Slab,sans-serif;animation: zoomInDown 4s; text-transform: uppercase; font-size: 16px; font-weight: 400; color: rgba(255,255,255,0.7); margin: 0; padding: 0; letter-spacing: 2px}
.intro_label-bsw{margin:0 auto;text-align:center;padding:0}
.intro_buttondown-bsw a{position:absolute;bottom:10%;left:50%;z-index:2;display:inline-block;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);color:#fff;font:normal 400 20px/1 &#39;Josefin Sans&#39;,sans-serif;letter-spacinggg:.1em;text-decoration:none;transition:opacity .3s}
.meta_{display:table-cell;vertical-align:middle;text-align:center}
#intro_buttondown-bsw a span{position:absolute;top:-45px;left:50%;width:22px;height:22px;margin-left:-12px;border-left:1px solid #FFF;border-bottom:1px solid #fff;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-animation:sdb05 2s infinite;animation:sdb05 2s infinite;box-sizing:border-box}
#intro_buttondown-bsw a{animation:zoomInDownn 8s}
@-webkit-keyframes sdb05{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
@keyframes sdb05{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
#intro_buttondown-bsw a span:nth-of-type(1){-webkit-animation-delay:0s;animation-delay:0s}
#intro_buttondown-bsw a span:nth-of-type(2){-webkit-animation-delay:.2s;animation-delay:.2s}
#intro_buttondown-bsw a span:nth-of-type(3){-webkit-animation-delay:.4s;animation-delay:.4s}
.xem-hd{text-align:right;width:1080px;font-size:16px;color:#fff;text-transform:uppercase;letter-spacinggg:0;font-weight:300;position:absolute;bottom:20px;right:30px;z-index:9999}
.xem-hd a{color:rgba(255,255,255,.5);animation:slideToLeft 2s}
.xem-hd a:hover{color:#fff}
</style>
<div id='intro_homepage-bsw'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLtZLweG51Jf3zi4HLbKZ1vN-8NPMQ-yAO_E9PK92sRLhVzrg661COnSuE-FF-PU1Pjwa3b48DRjFX_-XcJvZ5PRyTlUWhOu-ESKuq582blOxHSQ0myARXIgZuqrnH90fB4q3s0H9l3pBS/s1600/right_phao-hoa-_bacsiwindows.png' style='position: absolute; right: 0; width: 10%;'/>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicvud5Uexgt4hza5PcF-r_DcU2TT37jtXdY00GXqY0HbjE4BzzjZo36k8eSSViVMuPavgtVbdRvjA-tgi5rwuZ9BeR5_xAw2w6xvyCWGFKrOGWrMHXoJY_8nWxwXLzTfD138wkVNSxJfNF/s1600/left_phao-hoa-_bacsiwindows.png' style='position: absolute; left: 0; width: 10%;'/>
<div class='meta_'>
<div class='intro_homepage-bsw_content-bsw'>
<div class='intro_label-bsw'>
<h2 class='_title'><i aria-hidden='true' class='fab fa-gg' style='margin:0 20px 0 0'/>Chúc Mừng Năm Mới 2018<i aria-hidden='true' class='fab fa-gg' style='margin:0 0 0 20px;transform:rotate(180deg)'/></h2>
<p><div class='bacsiwindows_happy-new-year2'><span id='text'/><div class='bac-si-windows-happy-new-year2' id='console'>I</div></div>
</p>
</div>
</div></div>
<div class='xem-hd'>
<a href='https://bacsiwindowscom.blogspot.com/2017/11/tao-intro-tuyet-dep-cho-blogspot-chi-tu-css-va-html.html' target='blank' title='Xem hướng dẫn'>Xem hướng dẫn <i class='fa fa-angle-right'/></a>
</div>
<section class='intro_buttondown-bsw' id='intro_buttondown-bsw'>
<a href='#continue'><span/><span style='margin-top: 10px'/><span style='margin-top: 20px'/></a>
</section>
<div class='meta_'>
</div>
</div>
<div id='continue'/>
</b:if>
Thêm đoạn js này vào trước </body>
<script>//<![CDATA[
// bacsiwindows.com
consoleText(['An Khang Thịnh Vượng - Vạn Sự Như Ý', '12 Tháng Phú Quý, 365 Ngày Phát Tài, 8760 Giờ Sung Túc, 525600 Phút Thành Công, 31536000 Giây Hạnh Phúc', 'Chúc năm mới sức khỏe dẻo dai, công việc thuận lợi thăng tiến dài dài, phi những nước đại tiến tới thành công.', 'Chúc Mừng Năm Mới - Bác Sĩ Windows - Happy New Year ^_^'], 'text', ['white']);
function consoleText(words, id, colors) {
    if (colors === undefined) colors = ['#fff'];
    var visible = true;
    var con = document.getElementById('console');
    var letterCount = 1;
    var x = 1;
    var waiting = false;
    var target = document.getElementById(id)
    target.setAttribute('style', 'color:' + colors[0])
    window.setInterval(function() {

        if (letterCount === 0 && waiting === false) {
            waiting = true;
            target.innerHTML = words[0].substring(0, letterCount)
            window.setTimeout(function() {
                var usedColor = colors.shift();
                colors.push(usedColor);
                var usedWord = words.shift();
                words.push(usedWord);
                x = 1;
                target.setAttribute('style', 'color:' + colors[0])
                letterCount += x;
                waiting = false;
            }, 100)
        } else if (letterCount === words[0].length + 1 && waiting === false) {
            waiting = true;
            window.setTimeout(function() {
                x = -1;
                letterCount += x;
                waiting = false;
            }, 100)
        } else if (waiting === false) {
            target.innerHTML = words[0].substring(0, letterCount)
            letterCount += x;
        }
    }, 120)
    window.setInterval(function() {
        if (visible === true) {
            con.className = 'bac-si-windows-happy-new-year2'
            visible = false;

        } else {
            con.className = 'bac-si-windows-happy-new-year2'

            visible = true;
        }
    }, 100)
}
//]]></script>

Dòng chữ nhấp nháy

<div id='happynewyear-bacsiwindows'>Happy New Year - Chúc Mừng Năm Mới 2018</div>
<style>
#happynewyear-bacsiwindows{font-family:'Dancing Script',cursive;font-weight:700;font-size:3em;padding:.5em 0 0;text-align:center;display:block;color:#7577a9;background:#fff url(https://res-zaloapp-te-vnso-zn-4.zadn.vn/pc/banners/header-t1-3.png) no-repeat;animation:blink-text-bsw 1.5s infinite;text-shadow:0 0 10px}
@keyframes blink-text-bsw{0%{color:#e69034}10%{color:#3179F6}20%{color:#008000}30%{color:#00CCBB}40%{color:#0AC353}50%{color:#EF3CE8}60%{color:#A3F4C7}70%{color:#2e857e}80%{color:#8D8D9E}90%{color:#6821c3}100%{color:#dd2a84}}
</style>

Tổng thể

Với một ít CSS kèm một xíu HTML, mình đã mang đến cho các bạn một tùy chọn trang trí Blog nữa, nếu thấy hay hoặc hữu ích hãy chia sẻ bài viết nhé, cảm ơn các bạn.
Ảnh: www.nguyenanhduy.com
Nhớ bấm "Thông báo cho tôi" bên trên để nhận thông báo qua Email khi Admin trả lời nhé.
  • Đây là khu vực quản trị, bạn không có quyền truy cập vào!
    1. cmt đầu :v
      và tiện em xin liên kết

      Trả lờiXóa
      Trả lời
      1. Tui tự comment đầu nhé :v
        Liên kết tính sau đi, chưa có bài viết gì hết ý.

        Xóa
      2. ẹc vừa thấy bài của bác em cmt lun mừ bác xấu tính vãi

        Xóa
      3. Haha sao nhanh bằng thằng viết bài được hả bác :))

        Xóa
    2. ơ thế con BSW kia đâu nhỉ??

      Trả lờiXóa
      Trả lời
      1. Đây là con blog mới bác ạ, con kia bán lâu rồi.

        Xóa
      2. ơ thấy tên miền giống nhau mà :D

        Xóa
      3. Thì mình gia hạn tên miền dùng tiếp mà :d

        Xóa
    3. Tưởng bác nghỉ chơi blog lun r :v

      Trả lờiXóa
    4. Nhận xét này đã bị tác giả xóa.

      Trả lờiXóa
    5. Nhận xét này đã bị tác giả xóa.

      Trả lờiXóa
    6. Thực ra BSW chỉ đùa thôi, trở lại đăng 1 bài xong nghỉ =))

      Trả lờiXóa
    7. Đúng rồi viết 1 bài thôi hahaa :)))

      Trả lờiXóa
    8. Liên kết đặt sau nha. Chưa có bài viết gì hết ý.

      Trả lờiXóa
    9. Không đọc mấy comment trên hả ?

      Trả lờiXóa
    10. Muốn cho thanh menu lên tới trên luôn giống blog Bác đang dùng thì làm thế nào ạ

      Trả lờiXóa
      Trả lời
      1. Thêm position:absolute vào menu nha, đòi hỏi một chút kiến thức CSS.

        Xóa
    11. Hóng bài viết Đặt Liên Kết :)

      Trả lờiXóa
      Trả lời
      1. Từ từ có hết mà, chưa rảnh viết bài nữa :d

        Xóa
    12. Cái link chưa chuẩn SEO kìa chủ Thớt

      Trả lờiXóa
    13. Nhận xét này đã bị tác giả xóa.

      Trả lờiXóa
    14. Chật hơn 1k lượt xem chỉ trong chưa đến 1 ngày, tín hiệu tốt thật :D

      Trả lờiXóa
    15. welcome bác trở lại :D

      Trả lờiXóa
    16. 1 bài viết mà gần 1k lượt xem & 57 nhận xét ?! Chắc sếp's BSW nhiều fans lắm =))

      Trả lờiXóa
      Trả lời
      1. Hahaa trước giờ vẫn vậy mà, không ngờ bỏ lâu rồi quay lại mà cũng còn nhiều người quan tâm!

        Xóa
    17. Chào đón bác trở lại nhé :D

      Trả lờiXóa
    18. XÀM LỒN :))))))))))))))))))

      Trả lờiXóa
    19. Trả lời
      1. Hello, Hưng Star IT :D

        Xóa
      2. đặt liên kết đc ko ạ

        Xóa
      3. Liên kết đặt sau nha, phải có nhiều bài viết trước đã rồi mới đặt lk.

        Xóa
      4. Khi nào chuẩn bị đặt ới e với nha.

        Xóa
      5. Mấy thằng cha này thích liên kết thế :v LK để phát triển blog chứ có phải đặt cho vui đâu mà ham -.- À mà khi nào có nhớ đặt tui với nhé :v

        Xóa
      6. Thường xuyên theo dõi bacsiwindows.com để xem bài viết mới / liên kết nhé :d

        Xóa
    20. boss đã trở lại

      Trả lờiXóa
    21. Của mình không có thẻ thì sửa như nào bạn.
      Có thể làm giùm mình thì tốt quá!

      Trả lờiXóa
      Trả lời
      1. Nhầm, của mình không có thẻ < body > thì làm thế nào bạn.
        Có thể làm giùm mình thì tốt quá.

        Xóa
      2. Bạn tìm <body là có nhé (bỏ dấu ngoặc sau chữ body).

        Xóa
      3. chúc mừng BSW trở lại nhé

        Xóa
    22. Không dc bạn ơi, tìm <body rồi thêm vào sau bị lỗi cú pháp liền.
      Mình xét admin rồi bạn làm giúp mình đc ko.
      link ảnh lỗi cp: https://uphinhnhanh.com/images/2017/11/06/image6125b.png

      Trả lờiXóa
    23. muốn tạo ở trên như ad thì tìm thẻ nào v ad

      Trả lờiXóa
    24. Bác Trường Trỏ lại :3

      Trả lờiXóa
    25. Sao hôm nay không thấy ai bình luận nhỉ

      Trả lờiXóa
    26. Anh Trường viết bài về Sticky menu cho Blogspot đi :D

      Trả lờiXóa
      Trả lời
      1. Sticky menu có đầy trên mạng rồi mà e. Thực ra chỉ thêm CSS làm cố định thanh menu thôi.

        Xóa
      2. Chỉ có điều là e ko biết chèn vào chỗ nào thôi ._.

        Xóa
      3. OK khi nào rảnh anh viết liền nhé ;)

        Xóa
    27. Chúc mừng, bác đã trở lại -.- bữa em cần cái đoạn code vào, blogspot nó hiện cái chữ mà em té ghế :(

      Trả lờiXóa
      Trả lời
      1. Hello. Hiện chữ gì mà té ghế dữ vậyy :v

        Xóa
      2. Câu gì gì đó - Không tìm thấy trang :v -

        Xóa
      3. Câu này phải không? :v
        https://i.imgur.com/wMFWvaE.png

        Xóa
    28. sao k hiện lên ad ơi @@@ Giúp e với

      Trả lờiXóa
    29. Tìm lồi mắt có ra đâu :(

      Trả lờiXóa
    30. <pre>&lt;body class=&#39;index&#39;&gt;</pre>

      Trả lờiXóa
    31. Theme nào cũng có body hết nhé
      Tìm kĩ lại một lần nữa!

      Trả lờiXóa
    32. mới bận có 1 ngày mak BSW lại đổi temp rồi. sao ko để temp FB v anh

      Trả lờiXóa
    33. như em lấy cái đoạn có 3 muổi tên không thì sao a

      Trả lờiXóa
      Trả lời
      1. Tách code phía trên ra thôi em, còn không thì:
        https://codepen.io/search/pens?q=arrow%20animation

        Xóa
    34. Cho Star Cường IT hỏi vài câu sau nhé!
      1. Tại sao domain bacsiwindows.com không vào được?
      2. Tại sao vẫn tiếp tục phát triển BSW mặc dù domain bacsiwindows.com không vào được
      3. Ăn cái thứ gì mà thiết kế template đẹp thế :)
      Hóng trả lời :v

      Trả lờiXóa
      Trả lời
      1. 1. Domain đã hết hạn vào 2 tuần trước, đúng lúc định đóng Blog nên không muốn gia hạn nữa, có lần đã gửi đơn yêu cầu đóng Blog lên Google và đã mở lại sau vài ngày.
        2. Có thể sẽ không phát triển nữa, một phần muốn một phần không. Mặc dù thỉnh thoảng vẫn vào edit vài dòng code, trả lời vài bình luận, nếu ai còn quan tâm thì sẽ tự tìm đến tên miền mặc định của BSW.
        3. Ăn thịt mấy đứa tên Cường =­))

        Xóa
    35. Ủa bình luận này khi nào vậy ta, sao giờ mới thấy!?

      Trả lờiXóa
    36. Quay trở lại rồi ạ boss :v

      Trả lờiXóa
    37. Ông chỉnh phần này ( https://uphinhnhanh.com/image/sCZ1h0) trên blog tui cho nó hiển thị nhìn ok 1 chút được không ạ ?
      https://viethungtest.blogspot.com/

      Trả lờiXóa
      Trả lời
      1. F12 rồi chỉnh CSS thôi bạn, rất đơn giản.

        Xóa
      2. Vâng ! Mình cũng đã thử rồi ! Làm mãi nó cứ xấu miết nên nhờ ông giúp !

        Xóa
      3. Nghỉ Tết đi, giao thừa rồi.

        Xóa
      4. Thôi được rồi ! Tui cũng vừa edit lại nhìn cũng chất ! Thanks and Happy New Year

        Xóa
      5. à còn nữa là cho tui xin 2 đoạn code sau:
        1.Code ẩn phần tử trên điện thoại
        2.Code if else ấn hiện phần tử trên pc và điện thoại
        Nhớ ông có share mà không save

        Xóa
      6. 1. Muốn ẩn gì thì chỉ việc thêm display:none!important là được.
        2. Dùng thẻ điều kiện:
        <b:if cond='data:blog.isMobileRequest'>
        <!-- Mobile -->
        <b:else/>
        <!-- PC -->
        </b:if>

        Xóa
      7. Thanks
        Saved
        And Happy New Year

        Xóa
    38. Nhận xét này đã bị tác giả xóa.

      Trả lờiXóa
    39. Thế méo nào ông đổi tên tui được thành Phan Mạnh Cường hay thế :V

      Trả lờiXóa
      Trả lời
      1. Trường đz mà méo gì làm không được *hihi* :v
        Phan Mạnh Cường nghe hay hơn Star Cường IT nhỉ

        Xóa
      2. Cũng được đó :v mấy hôm trước thấy dấu tick bị méo giờ tròn trịa đẹp r :D

        Xóa
      3. Dấu tick bị méo là sao ?

        Xóa
    40. Chăm chút từng tí sao k chăm chút cái menu mobi đi

      Trả lờiXóa
    41. Lỗi code nâng cao kìa Trường anh

      Trả lờiXóa
      Trả lời
      1. cho em xin cai phan popular post di anh Truong.
        MaiL: Nguyenchanhduc3107@gmail.com
        Thanks anh

        Xóa
      2. sao em test ban phu no cu bi loi^~ vay anh
        http://dome-itttt.blogspot.com/
        xem ho em

        Xóa
      3. da duoc roi anh oi, thanks anh

        Xóa
    42. Trả lời
      1. Tại sao hông hiện. Code vẫn hoạt động 100%

        Xóa
    43. Cái này một thời làm mưa làm gió trên các blogger -.-

      Trả lờiXóa
      Trả lời
      1. Chuẩn =)) một thời ai cũng dùng, đi tới đâu cũng gặp haha!!~

        Xóa
      2. Hiện tại thì sắp sinh nhật em -.- nên em cũng chuẩn bị lấy về áp dụng <3 cảm ơn anh >< 2 ngày nữa em mang về áp dụng

        Xóa
    44. bác cho hỏi là phần popular post thì dùng css gì cho ảnh ko bị mờ bác nhỉ ???
      Site: https://www.lebalongit.xyz/

      Trả lờiXóa
      Trả lời
      1. Nhận xét này đã bị quản trị viên blog xóa.

        Xóa
      2. cho xin với bác

        Xóa
    45. Nặc danh12:34 10/8/18

      [img]https://i.imgur.com/ncK66JQ.png[/img]
      bsw Trường ơi , máy tính e win 10 tự dưng nó nâng cấp phiên bản thành ra như này , e muốn quay lại như ban đầu cho dễ sử dụng , giúp e với !

      Trả lờiXóa
      Trả lời
      1. bấm vào cái hình tin nhắn ở góc đó. tắt chế độ tabled mode đi là được

        Xóa
      2. Tắt chế độ dành cho tablet đi bạn.

        Xóa
    46. Chỉ làm cái khung bình luận mới nhất trên menu đi

      Trả lờiXóa
    47. Anh Trường bận cua gái hay sao rồi :3 chưa thấy ra bài

      Trả lờiXóa
      Trả lời
      1. Bận quá em ạ không chăm blog được chắc nghỉ luôn :D

        Xóa
    48. Nặc danh18:40 13/8/18

      ra bài viết tạo bài đăng phổ biến như của a đang dùng đi

      Trả lờiXóa
      Trả lời
      1. https://www.bacsiwindows.com/2017/12/them-mot-style-tuyet-dep-cua-widget-popular-post-for-blogspot.html

        Xóa
    49. Nặc danh19:48 14/8/18

      a còn link blog bsw ngày xưa k nhỉ , e muốn qua tham khảo những bài viết lúc trc anh viết hoặc có blog nào lưu trữ k ạ !

      Trả lờiXóa
      Trả lời
      1. Không em ơi, mà ngày xưa anh không viết về Blogspot đâu.

        Xóa
    50. Nặc danh18:14 17/8/18

      bsw ơi :) e muốn chèn 1 bài hát vào blog trang chủ khi vào và nó tự phát , anh có cách nào k nhỉ ?

      Trả lờiXóa
      Trả lời
      1. lên nct chọn chế độ tự động play xong có thẻ iframe là chèn trước (< / body >) là được nhưng làm thế khó chịu lắm ^^

        Xóa
      2. https://www.w3schools.com/tags/att_audio_autoplay.asp

        Xóa