TẠO CSS HIỂN THỊ CHO TRANG TĨNH TUYỆT ĐẸP (THỦ THUẬT BLOGSPOT)
Hello!!!Chào mừng các bạn đã đến với bài viết tiếp theo của mình. Bài viết này mình sẽ hướng dẫn bạn TẠO CSS HIỂN THỊ CHO TRANG TĨNH TUYỆT ĐẸP CHO BLOGSPOT . OK
Hình minh họa
Hình minh họa
Các bước thực hiện
<b:if cond='data:blog.pageType == "static_page"'>
<style>
.theme-info {padding: 0!important; margin:0!important}
.theme-info .theme-info-content .left{font-weight: 400; width: 30%; background: #00796b; color: #fff; padding: 5px 15px; box-sizing: border-box}
.theme-info .theme-info-content .right {width: 70%; background: #eee; padding: 5px 15px; box-sizing: border-box; margin:0!important}
.theme-info .theme-info-content .right a{font-weight:400 !important}
.theme-info-content {border-bottom:2px solid white; padding: 0; margin: 0}
.post-body h2 {clear:both; font: 400 20px Roboto,sans-serif; text-align: left; color: #00796b; margin: 15px 0; letter-spacing: 1px; text-transform: uppercase; display: table; padding: 8px 0;border-bottom: double}
._bg-pt2{background:transparent!important}
body{background:white}
.post-title-style2 span,._pt{font: 300 36px Roboto!important; letter-spacing: .5px!important; text-transform: uppercase!important; color: rgba(255,255,255,.75); width: 1000px; line-height: 1.5;max-width:100%;box-sizing:border-box}
._post-title-style2,._post-title-style2 h5 span{position:inherit;border-bottom:0!important}
#sidebar-wrapper,.comment_emo_list,.theme-info:before,#ztb-btt-widget-3cf087cd,#ztb-sb-a16b715b-widget,#entry-header,#lower,#subscribe-form-stardungblog,#top-menu-stardungblog,#top-wrap-menu,.post-title-style2 p,.free-ads,.bot-ads,#related-posts,.breadcrumbs,#sidebar-wrapper{display:none!important}
#content-wrapper{width:100%}
.wrapper{width:1000px;max-width:100%}
#post-title-style2{width:100%;margin:0 auto!important;padding:100px 0!important;background:linear-gradient(120deg,#00796b,#6d9698)!important}
.comments h4 {background: #f2f2f2; padding: 10px 20px!important; margin: 0 0 20px!important; font: 300 20px Roboto!important; display: table; width: auto!important}
@media screen and (max-width:1005px){.theme-info .theme-info-content .right, .theme-info .theme-info-content .left {text-align: center; width: 100%!important; clear: both; display: block}
</style>
</b:if>
Code
B3: Lưu lại
=)) Thưởng thức thành quả thôi@@
TỔNG KẾT
Chỉ với vài bước thôi mà chúng ta đã có CSS hiển thị trong trang tĩnh tuyệt đẹp cho blogger của chúng ta rồi đấy^^
Chúc các bạn thành công!!!
Cảm ơn các bạn đã xem$$$
Code by: bacsiwindows.com
- Trong quá trình viết bài chúng tôi sẽ có nhiều thiếu sót mong các bạn đóng góp để chúng tôi rút kinh nghiệm hơn !
- Mọi chi tiết xin liên hệ:
• Email: starbinhblog@gmail.com
• Facebook: Fb.com/tomitsystem
- Mọi chi tiết xin liên hệ:
• Email: starbinhblog@gmail.com
• Facebook: Fb.com/tomitsystem
24 nhận xét
Comment đầu =))
có acc cổ ném qua mail cho t : ducnam992@gmail.com
Rồi đợi =))
nhanh :v
- Bài viết bắt đầu chuyên nghiệp rồi =))) Có thumbail các thứ !!!
Cảm ơn anh ^^
=))
đc đấy
Hay thì chia sẻ đi ^^
Thumb lấy từ star cường mà bày đặt :3 Thua
lấy từ blog tôi mà
Cũng có nhiều người có thumb này mà đâu nhất thiết phải là Star Cường đâu mà bác
tính ngày trước cũng vậy mà :v
Giờ có ý tường rồi, phải tự des cho bản thân một thumbnail thật ưng ý, ko copy của ai nữa :3
^^
Thủ thuật hay phết
Bài viết hay
Thank
=))
Cảm ơn
^_^
đổi domain mới à
Đã đổi
=))
qua tương tác với bác
Tương tác rồi mà Bác
=))
cảm ơn bác
Tương tác tốt nhé
Vậy để sửa lại
» Hãy là con người văn minh từ những câu nói