Thủ Thuật Thủ thuật Blog TẠO CSS HIỂN THỊ CHO TRANG TĨNH TUYỆT ĐẸP (THỦ THUẬT BLOGSPOT)
0
  • Lưu bài viết

    Lưu bài viết để xem sau

  • Chia sẻ bài viết

    Chia sẻ bài viết lên Facebook

  • Đăng bình luận

    Bình luận về bài viết này

  • Báo lỗi bài viết

    Báo lỗi hoặc góp ý bài viết

    • TẠO CSS HIỂN THỊ CHO TRANG TĨNH TUYỆT ĐẸP (THỦ THUẬT BLOGSPOT)

    Cộng tác viên
    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 == &quot;static_page&quot;'>
    <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$$$
    0 bình luận
    Chia sẻ

    0 bình luận

    Mã Hóa Code