Tạo intro Chúc Mừng Năm Mới tuyệt đẹp chỉ bằng CSS và HTML
/ lúc / 159 bình luận
Ra mắt BSW Community - trang đăng bài tự do dành cho bạn, thoải mái trao đổi, đặt câu hỏi, thắc mắc, viết bài viết mới hay thậm chí rao vặt, buôn bán. Click trải nghiệm ngay!
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://4.bp.blogspot.com/-4Zs_1zTF720/Wld9g-vwj5I/AAAAAAAAA1I/8XVXruk6wDwnIO6N5o-mT-ZlsvRrrZCWACLcBGAs/s1600/beautiful-girl------------www-bacsiwindows-com%2B%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://2.bp.blogspot.com/-h92LQPMgSLg/Wld9fiFUEwI/AAAAAAAAA00/7wAyufL4bQYCNN03Ed8owzXK5w0NsS48ACLcBGAs/s1600/beautiful-girl------------www-bacsiwindows-com%2B%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://3.bp.blogspot.com/-8ZD2ycg6F3U/WoQ6_KH83lI/AAAAAAAABDw/OWWZ79kCb1k2CXiE7oc8yLe9ECicXJpBwCLcBGAs/s1600/right_phao-hoa-_bacsiwindows.png' style='position: absolute; right: 0; width: 10%;'/>
<img src='https://1.bp.blogspot.com/-Si0cmfoKD84/WoQ6-y7sxuI/AAAAAAAABDs/37uapIjklHY75bJWQeuQPXuEbKvfBi00QCLcBGAs/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[
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

159 nhận xét:

Trường Nguyễn nói...

Còm men phát

z0mbie win nói...

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

Trường Nguyễn ­ nói...

Rep còm men phát :v

Trường Nguyễn ­ nói...

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

z0mbie win nói...

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

Trường Nguyễn ­ nói...

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

HoangMMO nói...

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

Trường Nguyễn ­ nói...

Đây là con blog mới bác ạ, con kia bán lâu rồi.

Duy Ripper nói...

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

Trường Nguyễn ­ nói...

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

HoangMMO nói...

ơ thấy tên miền giống nhau mà :D

Dii Nô nói...

Trở lại!!!

Star Cường IT ­ nói...

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

Trường Nguyễn ­ nói...

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

Trường Nguyễn ­ nói...

Yehhh :))

Trường Nguyễn ­ nói...

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

Star Cường IT ­ nói...

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

Star Cường IT ­ nói...

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

Dii Nô nói...

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

Trường Nguyễn ­ nói...

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

Star Cường IT ­ nói...

:) 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

Trường Nguyễn ­ nói...

Không add fr đâu nhaaaa

Star Cường IT ­ nói...

đệt :v cạn lời...

Star Bình nói...

Đặt liên kết blog k Trường? Title: Star Bình Blog, Url: http://www.starbinhit.net/

Trường Nguyễn ­ nói...

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

Star Cường IT ­ nói...

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

Star Bình nói...

Nguyễn Thúy Hằng nói...

Xin chào, xin chào.

Trường Nguyễn ­ nói...

Xin chào, xin chào!

Star Cường IT ­ nói...

vcl, thánh lội sang cả bên lày comment -_-

SHuyTarUT nói...

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ường Nguyễn ­ nói...

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

Star Cường IT ­ nói...

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

Trường Nguyễn ­ nói...

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

Star Cường IT ­ nói...

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

Trường Nguyễn ­ nói...

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

Nguyễn Thúy Hằng nói...

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

Tính Getter nói...

BSW đã trở lại !

Trường Nguyễn ­ nói...

Thế nào mới chuẩn SEO hỉ bạn!?

Trường Nguyễn ­ nói...

Hello ^^

Tính Getter nói...

Ước gì có thể Get this widget nhỉ =))

Trường Nguyễn ­ nói...

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

Trường Nguyễn ­ nói...

Là sao nhỉ ?? :))

Tính Getter nói...

Vãi BSW mà ko biết TA =))

Trường Nguyễn ­ nói...

Không hiểu ý nói gì ý: "Ước gì có thể Get this widget nhỉ" ?? :v

Tính Getter nói...

Template :v

Trường Nguyễn ­ nói...

Cuối cùng vẫn méo hiểu...

Star Cường IT ­ nói...

haha

Star Cường IT ­ nói...

Nói chuyện cứ như trên trời rơi xuống :v

Trường Nguyễn ­ nói...

Đấy, nói chuyện có ai hiểu được đâu :v

Trường Nguyễn ­ nói...

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

Star Bình nói...

bị lỗi font rồi kìa ông

Trường Nguyễn ­ nói...

Lỗi ở đâu vậy ông? Tui thấy bình thường cả mà!?

Star Bình nói...

https://scontent.fdad2-1.fna.fbcdn.net/v/t35.0-12/23313110_504163273280254_1199658568_o.png?oh=706de0ef46d81a99f40dbfdeb0ff86e7&oe=5A015F6E

Trường Nguyễn ­ nói...

Okk đã sửa rồi nha!

Trần Nghĩa Phương nói...

welcome bác trở lại :D

Tính Getter nói...

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ường Nguyễn ­ nói...

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!

Trường Nguyễn ­ nói...

Hello :D

Phú Cường Blogger nói...

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

Trường Nguyễn ­ nói...

Vâng chào người ae ;)

Vitamin Phê nói...

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

SHuyTarUT nói...

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

Trường Nguyễn ­ nói...

!? :d

Phú Cường Blogger nói...

Ẹc. Nghe từ vâng đáng sợ vãi :v

Trường Nguyễn ­ nói...

Thằng vô học, cút.

Trường Nguyễn ­ nói...

Hahaaa chào người ae thôi nhé :)))

Hưng Star - IT nói...

Hóng BSW bữa giờ

Trường Nguyễn ­ nói...

Hello, Hưng Star IT :D

Hưng Star - IT nói...

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

Trường Nguyễn ­ nói...

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

Phú Cường Blogger nói...

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

Star Cường IT ­ nói...

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

Trường Nguyễn ­ nói...

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

Nguyễn Lương Duy Blog nói...

boss đã trở lại

Trường Nguyễn ­ nói...

Chào Nguyễn Lương Duy Blog :d

Star Sơn IT ✔️ nói...

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á!

Star Sơn IT ✔️ nói...

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á.

Trường Nguyễn ­ nói...

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

Star Sơn IT ✔️ nói...

ok thanks bạn

Star Sơn IT ✔️ nói...

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

Star Sơn IT ✔️ nói...

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ường Nguyễn ­ nói...

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

Star Sơn IT ✔️ nói...

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

Trâm Shady nói...

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

Star Sơn IT ✔️ nói...

Thẻ <­body­>

Trường Nguyễn ­ nói...

Body đó bạn

Trường Nguyễn ­ nói...

Rồi nhé

Star Sơn IT ✔️ nói...

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

Trường Nguyễn ­ nói...

Rồi nhé bạn.

Star Sơn IT ✔️ nói...

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

Nguyễn Đức Huy nói...

để trên phần header cũng đc á bác

SDB HD nói...

Đẹp đấy anh

Trường Nguyễn ­ nói...

Cảm ơn em nhé! ;)

Trọng Văn nói...

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

Trường Nguyễn ­ nói...

Hello nhé ahihi ;)

Trọng Văn nói...

:v còn nhớ thằng này ko vẫn là avtar này nè

Trường Nguyễn ­ nói...

Không :v mới đổi tên đấy à :))

Dii Nô nói...

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

Duy Ripper nói...

Bình luận nè :))

Trường Nguyễn ­ nói...

Ừhmm.. hôm nay không khí ảm đạm ghê nhỉ :v

Tính Getter nói...

Bình loạn nè :3

Tính Getter nói...

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

Phú Cường Blogger nói...

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.

Tính Getter nói...

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

Trường Nguyễn ­ nói...

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

Nguyễn Ngọc Quí ✔ nói...

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ường Nguyễn nói...

Hello. Hiện chữ gì mà té ghế dữ vậyy :v

Nguyễn Đức Nam nói...

Comment thứ 800

Trường Nguyễn nói...

Comment thứ 804

Nguyễn Ngọc Quí ✔ nói...

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

Trường Nguyễn nói...

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

Mạng Thủ Thuật nói...

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

Trường Nguyễn nói...

Để link blog mình xem.

Nguyễn Ngọc Quí ✔ nói...

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

Star Dũng Blog nói...

v:

Nguyễn Ngọc Quí ✔ nói...

Tìm lồi mắt có ra đâu :(

Star Dũng Blog nói...

<body

Star Dũng Blog nói...

[pre]Ctrl+f tìm <body [/pre]

Star Bình nói...

<pre>&lt;body class=&#39;index&#39;&gt;</pre>

Trường Nguyễn nói...

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

Trọng Khanh Nguyễn nói...

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

Trung Phạm nói...

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

Trường Nguyễn nói...

Cảm ơn bác ;)

Cọp Art nói...

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

Trường Nguyễn nói...

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

Nguyễn Văn Đức nói...

Làm theo được rồi nhưng click vào mũi tên để trượt xuống thì nó không nhảy xuống @@, help me : http://www.nguyenduc-dz.tk/

Star Cường IT ­ nói...

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ường Nguyễn nói...

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

Trường Nguyễn nói...

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

Star Đức Blog nói...

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

Trường Nguyễn nói...

No :­)

Việt Hưng nói...

Ô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ường Nguyễn nói...

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

Việt Hưng nói...

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ường Nguyễn nói...

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

Việt Hưng nói...

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

Việt Hưng nói...

à 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ường Nguyễn nói...

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ường Nguyễn nói...

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

Việt Hưng nói...

Thanks
Saved
And Happy New Year

Trường Nguyễn nói...

Happy New Year ; )

Star Cường IT ­ nói...

Thế méo nào ông đổi tên tui được thành Phan Mạnh Cường hay thế :V

Trường Nguyễn nói...

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ỉ

Star Cường IT ­ nói...

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

Trường Nguyễn nói...

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

Trần Thanh Bình nói...

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

Trường Nguyễn nói...

Menu mobi bị làm sao ?

Trần Thanh Bình nói...

K đc hiển thị đẹp

Star Đức Blog nói...

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

Trường Nguyễn nói...

Lỗi gì vậy em?

Trường Nguyễn nói...

Menu nào vậy? Trên/dưới

Star Đức Blog nói...

cho em xin cai phan popular post di anh Truong.
MaiL: Nguyenchanhduc3107@gmail.com
Thanks anh

Trường Nguyễn nói...

Đã gửi em nhé.

Star Đức Blog nói...

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

Star Đức Blog nói...

da duoc roi anh oi, thanks anh

Trường Nguyễn nói...

Ok

Star Quốc nói...

Sao hông hiện nhỉ

Trường Nguyễn nói...

Tại sao hông hiện. Code vẫn hoạt động 100%

Đăng nhận xét