Tạo trang báo lỗi 404 bằng CSS tuyệt đẹp và chuyên nghiệp cho Blogspot
/ lúc / 194 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.
Theo yêu cầu của một bạn gửi đến BSW muốn mình chia sẻ trang báo lỗi mà hiện tại mình đang sử dụng trên blog này (click xem demo), đây là một style trang báo lỗi đẹp và đơn giản do mình thiết kế riêng cho Blogspot và chỉ sử dụng CSS & HTML nên sẽ không làm ảnh hưởng nhiều đến tốc độ tải trang cũng như không bị xung đột code.

Chỉ vài phút nghịch CSS mình đã cho ra một kiểu trang báo lỗi mới với phong cách vô cùng hiện đại và 'quý tộc' hahaa nói quá cho vui, mà mình thấy cũng khá đẹp!
Thôi không linh tinh luyên thuyên nữa, bắt đầu!

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

Bước 1. Truy cập vào giao diện chỉnh sửa HTML của Blogspot.
Bước 2. Tìm thẻ <body> hoặc <body
Copy code sau và dán vào sau thẻ mở đó.
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<style>
body {overflow:hidden!important}
#error-page-bsw{position:relative;display:table;width:100%;height:100vh;margin:0!important;padding:0!important;z-index:999;background:url(https://4.bp.blogspot.com/-Puc43u-sEYM/Wf3Fat9-PCI/AAAAAAAAACk/z4qrDlCMk-M8-28KILqGlRwE5-_B1O6WQCLcBGAs/s1600/background_full_Intro_bacsiwindows-com.jpg) no-repeat center center!important;background-size:cover!important}
#error-page-bsw:before{content: &#39;&#39;; opacity: 1; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; background: linear-gradient(transparent, #050a18)}
#error-page-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))}
.error-page-bsw_content{position:relative;z-index:3}
.intro_label h2{font-size:45px;font-weight:700;color:rgba(255,255,255,.85);margin:0 0 .5em;padding:0;font-family:&quot;Roboto Condensed&quot;,sans-serif;text-transform:uppercase}
.intro_label p{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}
.btn-error-page {color: rgba(255,255,255,.5)!important; padding: 8px 25px; display: inline-block; margin: 1.5em .5em; border-radius: 50px; text-transform: uppercase; border: 1px solid rgba(255,255,255,.3); font-size: 14px; font-weight: 500;}
.btn-error-page:hover {background:rgba(255,255,255,.15)}
.meta_{display:table-cell;vertical-align:middle;text-align:center}
</style>
<div id='error-page-bsw'>
<div class='meta_'>
<div class='error-page-bsw_content'>
<div class='intro_label'>
<h2 class='_title'><i aria-hidden='true' class='fa fa-gg' style='margin:0 20px 0 0'/>404 - PAGE NOT FOUND<i aria-hidden='true' class='fa fa-gg' style='margin:0 0 0 20px'/></h2>
<p>Lỗi cmnr, sao bạn lạc trôi tới đây được vậy!?</p>
<a class='btn-error-page' href='/contact'>Liên hệ - báo lỗi</a><a class='btn-error-page' href='/'>Về trang chủ</a><a class='btn-error-page' href='#go_back' onclick='goBack()'>Quay lại trang trước</a>
</div>
</div></div>
</div>
<script> function goBack() { window.history.back(); } </script>
</b:if>
Bước 3. Lưu mẫu và... thưởng thức thôi!

Tổng kết

Trước khi áp dụng thủ thuật này bạn phải xóa hết các code của trang 404 cũ có trong blog nhé, nếu không thích hình ảnh hiện tại thì bạn có thể thay link ảnh màu đỏ thành link ảnh khác (nên chọn ảnh chất lượng cao để ảnh không bị vỡ). À yêu cầu blog phải có font Roboto, Roboto Condensed và Fone Awesome nữa nhé.
Nếu gặp lỗi trong quá trình thực hiện thì hãy bình luận bên dưới để được giúp đỡ nhé. Chúc các bạn thành công.

194 nhận xét:

Dii Nô nói...

Cướp cmt đầu

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

Hahaa hay lắm :))

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

khi hoàn thiện xong nên làm seri thiết kế theme blogspot nhể?

SHuyTarUT nói...

Có onl không bác. GIúp em đưa thanh menu lên tới trên luôn đi bác

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

Cũng định vậy, nhưng không biết có nhiều người quan tâm không!?

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

Dạ có đây

SHuyTarUT nói...

bác gửi mail đi em mời :)

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

Lại làm giùm nữa à!? :v

SHuyTarUT nói...

Giúp em ik bác em khoái cái này từ lâu rồi mà k biết làm :)

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

Có phải bờ lốc Star Sơn IT không, hôm trước có mời làm admin rồi mà?

SHuyTarUT nói...

À. Không giúp đc thì thôi vậy. Sorry

SHuyTarUT nói...

http://www.huyrocket.ml/ ( khác bác ơi)

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

Cái menu ngoài trang chủ của bạn khác với menu của mình mà làm sao làm giống được?

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

Hhaaa thanh niên giận lẫy à :v

SHuyTarUT nói...

Tưởng làm đc :))) thôi cảm ơn nha :))

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

Ừ làm thì được đấy nhưng nhìn không đẹp đâu!!

Dii Nô nói...

Cho code Trả lời nằm ở dưới tên đi b, chắc ổn hơn

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

Mình thấy vậy nhìn được hơn chứ nhỉ!? Hay sao?

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

Uầy, đang cần, tks nhé, phần comment hơi rối rối rồi đấy =))

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

Chật :v đang sửa đây mà không biết sửa thế nào cho đẹp :v

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

Cứ cho cái tên nằm trên rồi bỏ phần comment zô cái khung nhỏ nhỏ xinh xinh là được rồi, à mà cho hỏi cái, blog Star Cường IT đang có cái hiệu ứng đen khi trỏ chuột vào ấy, làm sao để xóa nó nhỉ, thấy hết chất rồi :v

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

Uầy làm cái bình luận này giống facebook ý, nhìn gọn gàng hơn, không biết có xấu không nhỉ? :))

Hiệu ứng đen gì đấy? Cho ảnh demo xem.

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

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

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

Sau này thêm cái icon bình luận nữa là bá cháy :v

BTV Học Bạn nói...

Không liên quan nhưng mà web chạy nhanh VKL :D Mẫu đẹp đấy, hôm nào chơi Blogspot sẽ qua đua mấy cái này về chơi cho đẹp :D

Dii Nô nói...

Xóa .post-body img:hover{-webkit-filter:grayscale(100%);filter:grayscale(100%)}

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

Thanks Dii Nô :))

Dii Nô nói...

Cũng được nhưng nhìn hơi rối, code Trả lời với tên user, avatar bị ép lại, nhìn chật hẹp quá

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

-.-!

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

Hahaaa còn chưa làm xong nữa anh ạ! Chăm chút từng chút một mà :3

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

Ok cảm ơn góp ý nhé, để ngâm cứu rồi chỉnh lại sau ;)

Tính Getter nói...

Anh Trường cho em xin mail ib anh tí nha, sẵn tiện anh sửa phần trang chủ đi, Bình loạn anh sửa thành Bình luận nhé anh =))

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

@Tính Getter, cái bình loạn đó là cố tình để chứ không phải là quên đâu nhé =))

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

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

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

Cái time comment che mất cái comment rồi còn đâu -_-

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

Ừ tí về sửa sau nhé, đi cà phơ rồi :v

Tính Getter nói...

Ơ, thế mà em cứ tường :v

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

Ok. T cũng đang cần. Thanks ông nhé <3

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

Ok nhé, nhớ chia sẻ ;)

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

Dự là sắp tới chuẩn bị 1 loạt time blog chạy thụt ra thụt vào giống BSW này :v

BTV Học Bạn nói...

Ờ, cứ phất triển tiếp đi ! Thấy riêng phần comment này là còn nhiều vùng chồng chéo nội dung. Ví dụ nút trả lời nó bị chồng chéo, thời gian bình luận bên phải nó bị chồng chéo.

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

Ặc, cái gì chạy thụt ra thụt vào vậy?? :v

Tính Getter nói...

Anh Trường rảnh vào gmail giúp em tí việc nha :D

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

Ok cảm ơn anh Tịnh Nguyễn nhé :D nhiều người cũng góp ý như anh, để tí em chỉnh lại sau :3
Theme chưa hoàn thiện hẳn nên còn nhiều lỗi vặt lắm ạh :3

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

À quên, trả lời rồi đó e!

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

Anh Trường share cho e phần này đc ko a :( E đang cần lắm ạ
http://www.upsieutoc.com/image/ps6iAD
Gửi qua mail giúp e vs nha: huybunbokaka@gmail.com
Em cám ơn a nhiều ạ <3

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

cái chữ trả lời chất vồn :v

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

:v hết chất sau khi comment :3

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

Từ từ, cái gì cũng phải từ từ, đang fix đang fix :v :v
Nhưng mà nhìn đẹp không?

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

Okey sẽ có bài viết hướng dẫn cho bạn nhé!

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

Đoạn js dùng trong temp gốc của t giờ k chỉnh nổi maxdepth luôn :v Nó phân cấp vô hạn, ai mà rảnh tay cứ ấn Reply liên tục thì nó thu nhỏ bằng 1 cột 1cm mất :))
À. Cái thụt ra thụt vào là thời gian ở comment ý. Cơ mà giờ mất rồi.

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

Ừ nhiều theme phân cấp bình luận ra nhiều quá nhìn không đẹp, cá nhân tui thấy 1 hoặc 2 cấp là ổn rồi (như theme tui) :v hình như cái phân cấp dùng CSS mà đâu phải js đâu.

Cái thụt ra thụt vào đó nó che mất nội dung bình luận nên ẩn đi rồi :))

Văn Huy SYSTEM nói...

Hay <3

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

Cảm ơn bạn, chia sẻ nhé ;)

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

mong a hướng dẫn sớm

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

Ok khi nào có thời gian mình sẽ viết bài hướng dẫn ngay ;)

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

Temp t dùng là Gvusion 2 biến đổi vl khiếp rồi :3 Giờ chắc nó k phải bản gốc luôn nữa. Lão arlina dùng js phân cấp như bên rocket share từ lâu, kèm cả emoticon luôn :3 Giờ sửa lại nó bể cả khung nên thôi chỉnh sau :3

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

đẹp, quá chất :v

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

Vậy à. Tui có sở thích tự thiết kế theme dùng riêng hơn là download theme miễn phí trên mạng.
Vì tự thiết kế thì làm chủ được những gì có trong theme, dễ dàng chỉnh sửa và thêm/bớt tính năng :))

Tính Getter nói...

Anh Trường vào mail đi anh <3

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

truất quá <3 css của BSW ngày càng truất <3

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

truất quá <3 css của BSW ngày càng truất <3

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

Hahaaa “truất”. Cảm ơn nhé :3

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

sao chưa đc backlink v a

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

Từ từ nha em, một hai ngày nữa sẽ có.

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

Không chơi zotabox nữa à :))

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

Có chứ :))

Tính Getter nói...

Cột share Zotabox chất vãi :v

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

Hahaa bình thường thôi mà :v

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

a Trường ơi cho nhờ tí đc ko ạ

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

Có việc gì cứ bình loạn đi nhé, nếu giúp được mình giúp.

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

Bác ơi mình mới Star Sơn IT mà, avatar vậy mà sao ad nhầm đc. Cạn lời

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

À vậy hả :3 nhầm xíu thôi mờ :v

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

:v

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

a sửa giùm e cái thanh menu chuột xuống nó hiện màu đc ko e làm mãi ko đc

Star Bình nói...

cái trả lời nhìn mới :3

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

Là cái gì nhể, chưa hiểu nữa?

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

Đó, mới redesign hôm qua :3

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

Trên PC thì chất rồi, còn trên điện thoại thì phải chỉnh lại rồi
https://i.imgur.com/beK6of6.png

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

Thì chưa hoàn thiện hẳn mà, đang chỉnh từ từ từng chút một :))

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

Bỏ cái zotabox rồi à :v

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

À vẫn thấy nè :v mà sao không thêm cái nút back to top luôn cho tiện

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

Chật quên :v tí thêm cho

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

Cái phần này nè a
http://www.upsieutoc.com/image/paCpKU
e trượt xuống nó ko có màu giống v nè a
http://www.upsieutoc.com/image/paCkOb

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

Cái này vừa dùng CSS vừa dùng Javascript nên đòi hỏi phải có kiến thức cơ bản mới làm được nha.

Duy Ripper nói...

Trang RECENT COMMENTS đẹp nha :)) Hóng bác share hihi

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

Chưa hoàn thiện xong đâu nha, từ từ đã nha :))
Sao mà biết vào đó vậy, mới edit xong chưa được 30 phút.

Tính Getter nói...

Phần header bài viết đẹp nhỉ :D Hóng bác share :))

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

Cái đấy tự làm đi, không thể share.

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

Mấy cái comment bên trên ấn trả lời k nhập đc nội dung vào khung comment này ông.

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

Sao. Bình thường mà ông?

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

Ẹc. Sao t chỉ gõ đc nội dung vào khung cmt của cmt cuối cùng thôi nhỉ :( Hay do mình ăn ở như nào rồi.

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

Là sao ta. Tui thấy bình thường mà?
Rê chuột vào nó hiện ra nút trả lời ấy.

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

À có hiện nút trả lời. Bấm vào vẫn hiện khung nhưng ngoài cmt cuối cùng của 1 post thì các cmt trên t k nhập đc nội dung vào khung cmt ông ạ :3

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

chắc là do mạng rồi :v chứ e rê vào vẫn thấy chữ Trả Lời

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

Thử xoá dữ liệu quép rồi thử lại xem sao nha. Chứ tui thấy bình thường cả mà :))

Tính Getter nói...

Thôi xong cmnr -_- Rê vào không thấy chữ Trả Lời nữa rồi =,=

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

Đang edit theme thì cái máy tính bị hỏng, sửa sớm giờ vẫn chưa được =_= f***

Tính Getter nói...

Giờ muốn trả lời comment của BSW quá mà sao giờ =,=

Duy Ripper nói...

https://i.imgur.com/U1ZzDAA.png
Nó trốn ở trên đây nè :))

Tính Getter nói...

Ọc. Thế mà e tưởng nó đi đâu mất rồi :3

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

Rồi mình hiểu bị gì rồi :)) đã fix, bạn test lại xem đã trả lời được chưa nhé :))

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

Hahaa đã fix nhé, các ông vui tính quá :v

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

Đó. Giờ mới đc này. Trc nhập mãi k đc vào cái khung này :v

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

Hahaa lỗi vậy mà không ai biết luôn :)) tại nút trả lời ý

Tính Getter nói...

Cứ tưởng do mạng :3

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

Haha do bố cục nó chồng lên nhau nên bấm không được ý :))

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

Ọc. Bình luận mới đâu rồi. K thấy hiển thị. Mà chỗ liên hệ k đính kèm tập tin được :( Cho t gmail t gửi qua cho nha.

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

Đang fix cái widget bình luận mới ông ơi, tại có bài viết trên 200 bình luận mà nói không hiện ý.
Mail là truongdz2069@gmail.com nhé.

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

Vãi chưởng, k hiểu luôn. Gửi qua mail nó cũng k cho gửi ghi là "bị chặn vì lí do bảo mật" mới kinh :)) T add ông qua drive rồi, ông down từ đó nhé.

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

Okey thấy rồi, cảm ơn ông nhé! :d

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

ok :))

Tính Getter nói...

Trường bỏ phần Tải thêm đi chứ để trong phần Bình luận chướng mắt quá.

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

Ok để mai edit lại. Hôm qua lỡ xoá cái gì nên nó hiện ra mà quên rồi.

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

vãi lòng, phèo, phổi. :D

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

Gì mà vãi ghê thế :))

Star Dũng Blog nói...

anh xem template của em chuẩn SEO chưa anh
http://www.stardungblog.xyz/

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

Responsive còn chưa chuẩn mà đòi cho chuẩn SEO. Toàn post link blog spam là sao nhỉ ?

Star Dũng Blog nói...

hướng dẫn em làm cho chuẩn

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

Nhớ a Trường qué :v

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

Hết nhớ chưa :v

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

Tốt nhất lên google tìm và tải theme người ta thiết kế sẵn về mà xài. Chuẩn SEO chuẩn res.

Tính Getter nói...

Ước gì được anh Trường share template nhỉ :3

Niệm Style Blog nói...

Hình như a thấy 1 số người có temp này rồi hay sao ý

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

Sẽ có event tặng quà cho ae (có theme).
Ai có theme này rồi đều là theme rip cả đấy, khác méo gì ăn trộm công khai :v

Niệm Style Blog nói...

Sao ông ko xài code chóng rip?

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

bác share code - cái phần - MỘT SỐ LƯU Ý KHI BÌNH LUẬN - đi bác- chỉ chỗ dán code luôn nha bác

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

Cũng định thêm vào mà sợ làm chậm blog.

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

Okey.

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

Nếu có event mà share template hiện tại đang xài thì chắc vài trăm comment :))

Huỳnh Hoài Bảo nói...

lên comment vèo vèo :V

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

haha :v chắc hơn 1k comments đấy :v

Tính Getter nói...

Mí bợn ăn cưm chưea :))

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

Cũng mong là được vậy :))

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

Chắc không nổi đâu :v

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

Mới đi học về, chưa thay đồ :v

Star Bình nói...

Giờ thì đặt liên kết đc chưa :3

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

Okey, cho slot ở đầu khung liên kết đi!! :D
bacsiwindows.com/lien-ket

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

[pre] test khung chưa code[/pre]

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

test ảnh
https://i.imgur.com/5OSjL7r.png

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

:))

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

:((

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

Khung chứa code dùng thẻ code nhé.

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

[code]test lần 2[/code]

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

đẹp vãi. Ad viết bài HD khi cmt link ảnh là nó ra ảnh luôn ý

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

Này trên Google có hướng dẫn nhiều lắm ý.
Chịu khó tìm về edit lại.

Văn Huy SYSTEM nói...

Nhận xét này đã bị quản trị viên blog xóa.

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

tiêu đề là j ạ

Duy Ripper nói...

- Cần lắm bác se cái hiện bình luận ở trang trủ

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

Không spam link nhé em, xem nội quy.

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

Toàn CSS thôi bác ạ, viết bài hướng dẫn thì thừa quá, cái này cũng không quá khó.

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

Anh edit lại từ bài viết này > click.

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

thanks a nha. đc r
p/s: cơ mak a rep ib e vs

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

Okey em.

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

Trc cũng để cái link ảnh thành ảnh trong comment hoặc video youtube nhưng nhỡ họ post nhiều ảnh quá gây lag ông ạ. Cho nó thành link ảnh trực tiếp đi ông :D

StarThảo-IT Channel nói...

[code]test lần 3[/code]

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

Test phát nữa
[code]<div class='BacSiWindows' style='display:block'>
<a href='http://www.bacsiwindows.com' target='_blank' title='Bác Sĩ Windows'>Bác Sĩ Windows</a>
</div>[/code]

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

Vậy à, tui thấy cho hiện ảnh ra luôn nó tiện hơn đó ông! Cũng không lag hơn bao nhiêu đâu, theme tui cũng khá nhẹ.

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

Ừ công nhận, load nhanh thế này thôi để cũng đc. Kể ra t cả ông hình như dùng chung 1 thread comment thì phải mà js của t lỗi vớ vẩn phân đa cấp vô hạn :v Đau khổ.

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

Ông tìm trong theme đoạn [code]Config.maxThreadDepth[/code] xem có không, chỉnh js lại chút là được rồi :))
https://i.imgur.com/s2LDTZb.png

StarThảo-IT Channel nói...

thread comment của bác đẹp quớ nhỉ :))

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

Có ông. Của t y nguyên như này này. T đang để 1 rồi đó mà nó vẫn cứ phân vô hạn, đang bực mình mà k rõ sửa như nào luôn :( Tại thấy Arlina nó mã hóa nhiều quá.

StarThảo-IT Channel nói...

Cơ sao bác k cho hiện emoticons

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

nhanh đi bác ơi - hóng quá

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

Mất 3 tiếng đồng hồ ngồi chỉnh sửa mà sao không đẹp hả bác :v

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

Hiện nhiều nó lag bác ạ nên ông ý k để. Nhiều ảnh quá sợ lắm.

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

Đang sửa hình emotion, nào xong mình thêm vào.
Bác bấm trả lời bình luận đi cho dễ nhìn.

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

Lạ nhể, sửa lại 1 rồi thì nó phải như của tui chứ.
Tui xài code của terocket.com nên không có mã hóa nhiều.

StarThảo-IT Channel nói...

khựa khựa

StarThảo-IT Channel nói...

đang fake thread comment của bác mà nó lại k hiện avt ms đau chứ :(

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

Thực ra temp gốc của t đang xài là Gvusion 2 của Arlina, mà t tùy biến nhiều quá khủng khiếp. Chưa động đến js chỗ comment mà nó vẫn thế :3 Giờ sửa cũng có vì con mụ này mã hóa nhiều quá.

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

Chắc đoạn js bị lỗi rồi đấy, chịu khó tìm và sửa đi nhé :3 lúc chiều tui cũng bị.

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

Xài hàng free thì phải chấp nhận mã hóa thôi, nhìn đoạn code bị mã hóa mà muốn choáng, như ngôn ngữ ngoài hành tinh :3

Văn Huy SYSTEM nói...

. sắp len 900 rr :3

Tính Getter nói...

Haha chắc thức đêm làm người vinh dự đc là người thứ 900 cmt bên bsw :v

StarThảo-IT Channel nói...

Đợi bác share tem vậy :D khựa khựa

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

Hóng đi, còn lâu nhé :)))

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

Vài cái bình loạn nữa thôi, cố lên nào :vv

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

Hahaa cố gắng đi nhéee :3

StarThảo-IT Channel nói...

khựa khựa :))

Tính Getter nói...

Hihi và hihi :))

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

a xóa hết code đó r cop vào code terocket xem sao

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

Ừ thôi đành vậy. À mà cho t xin phần CSS chỗ comment này của ông nhé :3 Đỡ phải nghĩ. Thấy nó hợp lí quá, đỡ phải tách riêng avatar cả comment body

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

admin ơi

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

cmt thứ 900 hahahahahahahahahahahahhahahahahahahahaha
http://streaming1.danviet.vn/upload/1-2015/images/2015-02-12/1434361758-lgmp22_ebrk.jpg

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

Đây:
[code]#comments h3:hover:after{width:100%;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s}
.unneeded-paging-control{display:none}
.comment_child .comment_wrap{border-left:1px solid #ddd;padding:0 0 0 20px;margin-left:30px}
.comment_inner{width:100%;display:inline-block;outline:none;background:#f4f4f4;overflow:hidden;position:relative;margin:10px 0;border-radius:15px;padding:12px 12px 45px;box-sizing:border-box}
.comment_header{float:left;padding:0;margin:0;line-height:1.8;width:100%}
.comment_avatar img{border-radius:50%;width:25px}
.comment_avatar{display:inline;margin:0 10px 0 0;float:left}
.comment_name{line-height:1;display:inline;font:500 16px Roboto}
.comment_name a{color:#7577a9}
.comment_name a:hover{color:#F90}
.comment_service{display:inline-block;float:right;opacity:0;-webkit-transition:.3s;transition:.3s;-moz-transition:.3s}
.comment_inner:hover .comment_service{opacity:1}
.comment_service a{font-size:14px;color:#aaa}
.comment_reply{background:#ececec;display:inline-block;margin:0;font-size:12px;font-weight:500;padding:5px 15px;border-radius:100px;text-transform:uppercase;position:absolute;bottom:10px;left:10px;color:#666!important}
.comment_reply:hover{background:#ddd}
.comment_body p{font-size:16px;margin:0;color:#666;word-wrap:break-word;line-height:1.7}
.comment_avatar .avatar-image-container{border-radius:50%;width:40px;height:40px;border:1px solid #ccc;margin:0 0 10px}
.comment-form{max-width:100%;!important}
.comment_admin{border:2px solid #f4beb1}
.comment_admin .comment_name a{pointer-events:none;user-select:none}
.comment_admin .comment_name a:after{content:'Admin';background:#f5896f;color:#fff;font-size:12px;padding:2px 8px;border-radius:10px 0 0 0;margin:0 0 0 5px;float:right;position:absolute;right:0;bottom:0;opacity:.5}
.comment_form a{text-decoration:none;font-weight:bold;font-size:12px}
.comment_form a:hover{text-decoration:underline}
.comment_reply_form{padding:0 0 0 20px;border-left:1px solid #ddd}
.comment_reply_form .comment-form{width:100%}
.comment_emo{max-width:1.5em;max-height:1.5em;vertical-align:middle;margin:-0.3em 0 0 0}
.comment_emo_list .item{float:left;padding:10px 10px 0 10px;text-align:center}
.comment_emo_list span{display:block;font-weight:bold;font-size:11px;letter-spacing:1px}
.comment_youtube{max-width:100%!important;width:400px;height:225px;display:block;margin:auto}
.comment_img{max-width:100%!important;border-radius:10px}
.comments .avatar-image-container img{width:34px!important;height:33px!important}
.deleted-comment{padding:10px;display:block}
.deleted-comment:before{content:"\f00d";font-family:fontawesome;margin:0 5px 0 0;display:inline-block}[/code]

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

Kinh dị vãi =_=

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

Ok ông. T chỉ lấy 3 chỗ thôi, phải xếp lại thẻ trong temp cho hợp lí đã.

Duy Ripper nói...

Đêm nay mà lên 1k còm mưn chắc cu Trường xóa blog :v

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

Mơ đi nhé, không thể nào lên nổi :v đi ngủ hết rồi

Duy Ripper nói...

=)) ahaha

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

Cố gắng lên 1k bl nào :v

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

1k2 roài, giờ mới thấy cmt này :v

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

t

Đăng nhận xét