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

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

B1: Vào blogger.com > Chủ Đề
B2: Dán Code dưới đây vào phía dưới phần <body>

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