Home Thủ Thuật Blogspot

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

Tác giả Huỳnh Phụng Blogger
Xuất bản
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/AVvXsEhm9l-ny_0ZeU5YR1JJdKZQL4q9gdP2QIjiOOwoKD5aYPP2E_Mul5h4w6JgSmZYj6lxvAoLDRwqPuZfBgaDZT11ul71wJtTGbx0CmZUK4mEXRM5bDXsNvycTCUPXizTRmSchS-jwJAWFU-1/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/AVvXsEg3jsfPqvrQKoHk6hPbio1krLIz1MM48e8rU7MCHgg0SpFyf_9eRghhRkhFYyaV56uW40lSsqVo_luNe35TUJ7D5nVDMIlj61gebySbSz6XmnCYG-2h3KQXfAq5ztUsSPlSzhLoNBIUHSpT/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/AVvXsEhUirE4samHxsMmsaqQ-82QW3INWKtqXL-xU6FmEuMGUibqyCNNKURSxkrGOPXnoK-weSi4u5hd1aOr9uUGeqJaHY5wb364Vm2ae-EkC4h7gT0SY6gixrSeniOGz8RVfPbJkuUG_ohxZ_uj/s1600/right_phao-hoa-_bacsiwindows.png' style='position: absolute; right: 0; width: 10%;'/>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCOenDQaWYMA9IigPrJ_6PaEq2p7-hKTsYxqnB55o2qZgKJP9wXEtlxH40XlOd_he9HwytLHIrZgcwp6ZbZ1k8Jf-G5k7XMzPQoBGVZNuZKo9fSpLetYQT-ovqUTiYxNZGbSPKE7jfFv3M/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

Viết bình luận (168)

Xếp theo
  1. Trường Nguyễnlúc 07:11 4 tháng 11, 2017

    Còm men phát

    Trả lờiXóa
  2. z0mbie winlúc 07:11 4 tháng 11, 2017

    cmt đầu :v
    và tiện em xin liên kết

    Trả lờiXóa
    Trả lời
    1. Trường Nguyễn ­lúc 07:12 4 tháng 11, 2017

      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. z0mbie winlúc 07:14 4 tháng 11, 2017

      ẹ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. Trường Nguyễn ­lúc 07:16 4 tháng 11, 2017

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

      Xóa
  3. HoangMMOlúc 07:27 4 tháng 11, 2017

    ơ thế con BSW kia đâu nhỉ??

    Trả lờiXóa
  4. Duy Ripperlúc 07:50 4 tháng 11, 2017

    Tưởng bác nghỉ chơi blog lun r :v

    Trả lờiXóa
    Trả lời
    1. Trường Nguyễn ­lúc 07:54 4 tháng 11, 2017

      Cũng định vậy mà nhiều ông cứ inbox bảo quay lại viết blog đi, nên... hahaaa.

      Xóa
  5. Dii Nôlúc 18:19 4 tháng 11, 2017

    Trở lại!!!

    Trả lờiXóa
  6. Star Cường IT ­lúc 18:40 4 tháng 11, 2017

    Á đù, mơ hay thật đây??? Boss trở lại thật rồi à ^^^^^^

    Trả lờiXóa
    Trả lời
    1. Trường Nguyễn ­lúc 20:53 4 tháng 11, 2017

      Là mơ nhé không có thật đâu :v

      Xóa
    2. Star Cường IT ­lúc 21:16 4 tháng 11, 2017

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

      Xóa
    3. Dii Nôlúc 21:30 4 tháng 11, 2017

      Thực ra BSW chỉ đùa thôi, trở lại đăng 1 bài xong nghỉ =))

      Xóa
    4. Trường Nguyễn ­lúc 22:04 4 tháng 11, 2017

      Đúng rồi viết 1 bài thôi hahaa :)))

      Xóa
    5. Star Cường IT ­lúc 22:04 4 tháng 11, 2017

      :) Chả có ai điên lại đi gia hạn cái domain rồi up 1 bài cho vui cả :)) Bởi tiền gia hạn 1 domain là không ít :v

      Xóa
    6. Trường Nguyễn ­lúc 02:11 5 tháng 11, 2017

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

      Xóa
  7. Star Cường IT ­lúc 21:28 4 tháng 11, 2017

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

    Trả lờiXóa
  8. Trường Nguyễn ­lúc 23:40 4 tháng 11, 2017

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

    Trả lờiXóa
  9. Star Cường IT ­lúc 00:01 5 tháng 11, 2017

    Không đọc mấy comment trên hả ?

    Trả lờiXóa
  10. Star Bìnhlúc 00:07 5 tháng 11, 2017

    ờ

    Trả lờiXóa
  11. Nguyễn Thúy Hằnglúc 00:09 5 tháng 11, 2017

    Xin chào, xin chào.

    Trả lờiXóa
  12. SHuyTarUTlúc 01:17 5 tháng 11, 2017

    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. Trường Nguyễn ­lúc 01:19 5 tháng 11, 2017

      Thêm position:absolute vào menu nha, đòi hỏi một chút kiến thức CSS.

      Xóa
  13. Star Cường IT ­lúc 01:32 5 tháng 11, 2017

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

    Trả lờiXóa
    Trả lời
    1. Trường Nguyễn ­lúc 01:59 5 tháng 11, 2017

      Còn lâu nhé, mới có 1 bài viết chưa có gì hết.

      Xóa
    2. Star Cường IT ­lúc 01:01 5 tháng 11, 2017

      Lâu thế cơ à, mà thêm cái nút back to top đi, nhìn trống vắng vl :v

      Xóa
    3. Trường Nguyễn ­lúc 01:29 5 tháng 11, 2017

      Từ từ có hết mà, chưa rảnh viết bài nữa :d

      Xóa
  14. Nguyễn Thúy Hằnglúc 01:50 5 tháng 11, 2017

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

    Trả lờiXóa
  15. Tính Getterlúc 01:52 5 tháng 11, 2017

    BSW đã trở lại !

    Trả lờiXóa
  16. Trường Nguyễn ­lúc 03:23 5 tháng 11, 2017

    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
  17. Trần Nghĩa Phươnglúc 03:59 5 tháng 11, 2017

    welcome bác trở lại :D

    Trả lờiXóa
  18. Tính Getterlúc 03:59 5 tháng 11, 2017

    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. Trường Nguyễn ­lúc 04:24 5 tháng 11, 2017

      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
  19. Phú Cường Bloggerlúc 04:49 5 tháng 11, 2017

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

    Trả lờiXóa
  20. Vitamin Phêlúc 06:03 5 tháng 11, 2017

    XÀM LỒN :))))))))))))))))))

    Trả lờiXóa
  21. SHuyTarUTlúc 06:22 5 tháng 11, 2017

    Phátbiểuu vài lời cho bài viết đầu tiên này coi

    Trả lờiXóa
  22. Hưng Star - ITlúc 06:50 5 tháng 11, 2017

    Hóng BSW bữa giờ

    Trả lờiXóa
    Trả lời
    1. Trường Nguyễn ­lúc 06:51 5 tháng 11, 2017

      Hello, Hưng Star IT :D

      Xóa
    2. Hưng Star - ITlúc 07:00 5 tháng 11, 2017

      đặt liên kết đc ko ạ

      Xóa
    3. Trường Nguyễn ­lúc 07:20 5 tháng 11, 2017

      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. Phú Cường Bloggerlúc 07:24 5 tháng 11, 2017

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

      Xóa
    5. Star Cường IT ­lúc 07:32 5 tháng 11, 2017

      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
  23. Nguyễn Lương Duy Bloglúc 07:35 5 tháng 11, 2017

    boss đã trở lại

    Trả lờiXóa
  24. Star Sơn IT ✔️lúc 23:17 5 tháng 11, 2017

    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. Star Sơn IT ✔️lúc 23:24 5 tháng 11, 2017

      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. Trường Nguyễn ­lúc 00:17 6 tháng 11, 2017

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

      Xóa
    3. Star Sơn IT ✔️lúc 01:58 6 tháng 11, 2017

      ok thanks bạn

      Xóa
    4. Star Sơn IT ✔️lúc 01:58 6 tháng 11, 2017

      chúc mừng BSW trở lại nhé

      Xóa
  25. Trường Nguyễn ­lúc 03:22 6 tháng 11, 2017

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

    Trả lờiXóa
  26. Star Sơn IT ✔️lúc 03:38 6 tháng 11, 2017

    Xác nhận lời mời đi bạn

    Trả lờiXóa
  27. Trâm Shadylúc 03:51 6 tháng 11, 2017

    muốn tạo ở trên như ad thì tìm thẻ nào v ad

    Trả lờiXóa
  28. Trường Nguyễn ­lúc 04:30 6 tháng 11, 2017

    Rồi nhé

    Trả lờiXóa
  29. Star Sơn IT ✔️lúc 05:40 6 tháng 11, 2017

    Set Admin rồi, bạn vào edit đi

    Trả lờiXóa
  30. Trường Nguyễn ­lúc 05:45 6 tháng 11, 2017

    Rồi nhé bạn.

    Trả lờiXóa
  31. Star Sơn IT ✔️lúc 05:46 6 tháng 11, 2017

    Ok rồi bạn, cảm ơn bạn nhiều nhé!

    Trả lờiXóa
  32. SDB HDlúc 03:43 7 tháng 11, 2017

    Đẹp đấy anh

    Trả lờiXóa
  33. Trọng Vănlúc 04:24 7 tháng 11, 2017

    Bác Trường Trỏ lại :3

    Trả lờiXóa
  34. Dii Nôlúc 22:26 9 tháng 11, 2017

    Sao hôm nay không thấy ai bình luận nhỉ

    Trả lờiXóa
  35. Tính Getterlúc 03:57 10 tháng 11, 2017

    Anh Trường viết bài về Sticky menu cho Blogspot đi :D

    Trả lờiXóa
    Trả lời
    1. Phú Cường Bloggerlúc 04:48 10 tháng 11, 2017

      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. Tính Getterlúc 04:49 10 tháng 11, 2017

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

      Xóa
    3. Trường Nguyễn ­lúc 07:46 10 tháng 11, 2017

      OK khi nào rảnh anh viết liền nhé ;)

      Xóa
  36. Nguyễn Ngọc Quí ✔lúc 05:41 14 tháng 11, 2017

    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
  37. Nguyễn Đức Namlúc 08:11 14 tháng 11, 2017

    Comment thứ 800

    Trả lờiXóa
  38. Mạng Thủ Thuậtlúc 04:58 19 tháng 11, 2017

    sao k hiện lên ad ơi @@@ Giúp e với

    Trả lờiXóa
  39. Nguyễn Ngọc Quí ✔lúc 06:08 20 tháng 11, 2017

    Template - em không có phần body :(( h phải làm sao

    Trả lờiXóa
  40. Star Dũng Bloglúc 06:15 20 tháng 11, 2017

    <body

    Trả lờiXóa
  41. Trọng Khanh Nguyễnlúc 20:47 28 tháng 11, 2017

    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
  42. Trung Phạmlúc 09:06 1 tháng 12, 2017

    Hay qúa bác ơi ! Em tìm đúng Blog rồi =)))

    Trả lờiXóa
  43. Cọp Artlúc 04:53 19 tháng 12, 2017

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

    Trả lờiXóa
  44. Trường Nguyễnlúc 04:24 14 tháng 2, 2018

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

    Trả lờiXóa
  45. Trường Nguyễnlúc 05:35 14 tháng 2, 2018

    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 =­))

    Trả lờiXóa
  46. Star Đức Bloglúc 18:45 14 tháng 2, 2018

    Quay trở lại rồi ạ boss :v

    Trả lờiXóa
  47. Trường Nguyễnlúc 22:31 14 tháng 2, 2018

    F12 rồi chỉnh CSS thôi bạn, rất đơn giản.

    Trả lờiXóa
  48. Việt Hưnglúc 23:18 14 tháng 2, 2018

    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 !

    Trả lờiXóa
  49. Trường Nguyễnlúc 00:26 15 tháng 2, 2018

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

    Trả lờiXóa
  50. Việt Hưnglúc 00:40 15 tháng 2, 2018

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

    Trả lờiXóa
  51. Việt Hưnglúc 01:58 15 tháng 2, 2018

    à 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

    Trả lờiXóa
  52. Trường Nguyễnlúc 02:09 15 tháng 2, 2018

    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>

    Trả lờiXóa
  53. Trường Nguyễnlúc 02:17 15 tháng 2, 2018

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

    Trả lờiXóa
  54. Việt Hưnglúc 03:24 15 tháng 2, 2018

    Thanks
    Saved
    And Happy New Year

    Trả lờiXóa
  55. Trường Nguyễnlúc 04:01 15 tháng 2, 2018

    Happy New Year ; )

    Trả lờiXóa
  56. Star Cường IT ­lúc 05:08 16 tháng 2, 2018

    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 Nguyễnlúc 05:39 16 tháng 2, 2018

      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. Star Cường IT ­lúc 07:03 16 tháng 2, 2018

      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. Trường Nguyễnlúc 07:52 16 tháng 2, 2018

      Dấu tick bị méo là sao ?

      Xóa
  57. Trần Thanh Bìnhlúc 19:43 17 tháng 2, 2018

    Chăm chút từng tí sao k chăm chút cái menu mobi đi

    Trả lờiXóa
  58. Star Đức Bloglúc 05:20 18 tháng 2, 2018

    Lỗi code nâng cao kìa Trường anh

    Trả lờiXóa
  59. Star Quốclúc 00:25 22 tháng 2, 2018

    Sao hông hiện nhỉ

    Trả lờiXóa
  60. Nguyễn Chánh Đứclúc 00:58 5 tháng 8, 2018

    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. Trường Nguyễnlúc 03:20 5 tháng 8, 2018

      Chuẩn =)) một thời ai cũng dùng, đi tới đâu cũng gặp haha!!~

      Xóa
    2. Nguyễn Chánh Đứclúc 01:06 7 tháng 8, 2018

      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
    3. Trường Nguyễnlúc 02:13 7 tháng 8, 2018

      Ok e ;)

      Xóa
  61. Lê Bá Longlúc 04:05 5 tháng 8, 2018

    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
  62. Đào Xuân Hùnglúc 22:49 9 tháng 8, 2018

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

    Trả lờiXóa
  63. Trường Nguyễnlúc 18:56 10 tháng 8, 2018

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

    Trả lờiXóa
  64. Lê Bá Longlúc 01:02 11 tháng 8, 2018

    bài mới đi bác :3

    Trả lờiXóa
  65. Tứ Hữulúc 16:59 11 tháng 8, 2018

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

    Trả lờiXóa
  66. Nguyễn Chánh Đứclúc 02:36 13 tháng 8, 2018

    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. Trường Nguyễnlúc 23:34 13 tháng 8, 2018

      Bận quá em ạ không chăm blog được chắc nghỉ luôn :D

      Xóa
  67. Lê Hồng Namlúc 04:40 13 tháng 8, 2018

    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
  68. Lê Hồng Namlúc 05:48 14 tháng 8, 2018

    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. Trường Nguyễnlúc 06:19 14 tháng 8, 2018

      Không em ơi, mà ngày xưa anh không viết về Blogspot đâu.

      Xóa
  69. Lê Hồng Namlúc 04:14 17 tháng 8, 2018

    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. Đào Xuân Hùnglúc 06:09 17 tháng 8, 2018

      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