Thủ Thuật Blogspot | Trang Trí Blog Với Hình Nền Và Chữ Full Màn Hình Cực Đẹp


Xin chào các bạn, Nay mình sẽ không đăng bài về chia sẻ ảnh bìa mà thay vào đó mình sẽ hướng dẫn các bạn cách Trang trí Blog với hình nền và chữ full màn hình tuyệt đẹp cho Blogspot.

CÁCH THỰC HIỆN:
  • Bước 1: Đăng nhập vào Blogger > Mẫu > Chỉnh sửa HTML
  • Bước 2: Copy và Paste đoạn Code sau vào dưới <body>
<b:if cond='data:blog.url == data:blog.homepageUrl'><style>#Anh_dep_blog{position:relative;display:table;width:100%;height:100vh;margin:0!important;padding:0!important;z-index:999;background:url(//i.imgur.com/o2w1P4z.jpgg) no-repeat center center fixed!important;background-size:cover!important;-webkit-user-select:none;-moz-user-select:none;-o-user-select:none}#Anh_dep_blog:before{content:&#39;&#39;;opacity:0.5;position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}#Anh_dep_blog: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))}.noi_dung{position:relative;z-index:3}._label_ h2{animation:zoomInUp 6s;font-size:55px;font-weight:700;color:rgba(255,255,255,.85);letter-spacing:0;margin:0;padding:0;font-family:&quot;Roboto Condensed&quot;,sans-serif;text-transform:uppercase}@keyframes zoomInUp{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}._label_ p{animation:zoomInDown 4s;text-transform:capitalize;font-size:30px;font-weight:300;color:rgba(255,255,255,0.7);margin:0;padding:0}._label_{margin:0 auto;text-align:center;padding:0}.degrees-index-hero-quote-img-meta_{text-align:center;max-width:215px;margin:0 auto}.button-down 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-spacing:.1em;text-decoration:none;transition:opacity .3s}.meta_{display:table-cell;vertical-align:middle;text-align:center}#button-down a span{position:absolute;top:-45px;left:50%;width:30px;height:30px;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}#button-down a{animation:zoomInDownn 8s}@keyframes zoomInDownn{0%{opacity:0}50%{opacity:0}100%{opacity:1}}@-moz-keyframes zoomInDownn{0%{opacity:0}50%{opacity:0}100%{opacity:1}}@-webkit-keyframes zoomInDownn{0%{opacity:0}50%{opacity:0}100%{opacity:1}}@-webkit-keyframes sdb05{0%{opacity:0}50%{opacity:1}100%{opacity:0}}@keyframes sdb05{0%{opacity:0}50%{opacity:1}100%{opacity:0}}#button-down a span:nth-of-type(1){-webkit-animation-delay:0s;animation-delay:0s}#button-down a span:nth-of-type(2){-webkit-animation-delay:.2s;animation-delay:.2s}#button-down a span:nth-of-type(3){-webkit-animation-delay:.4s;animation-delay:.4s}@keyframes slideIn{0%{opacity:0;transform:translateY(-500px)}100{opacity:1;transform:translateY(0)}}@-webkit-keyframes slideIn{0%{opacity:0;transform:translateY(-500px)}100{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-250px)}100{opacity:1;transform:translateY(0)}}@-webkit-keyframes fadeInDown{0%{opacity:0;transform:translateY(-250px)}100{opacity:1;transform:translateY(0)}}.xem-hd{text-align:right;width:1080px;font-size:16px;color:#fff;text-transform:uppercase;letter-spacing: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}@keyframes slideToLeft{0%{position:relative;left:1000px}100%{position:relative;left:0}}</style><div id='Anh_dep_blog'><div class='meta_'><a href='https://chuyenmucanhdep.blogspot.com/' target='blank'><div class='noi_dung'><div class='_label_'><h2 class='_title'>WELCOME TO ẢNH ĐẸP BLOG</h2><p>BLOG CHÚNG TÔI CHUYÊN CHIA SẺ HÌNH ẢNH - FILE PSD TỔNG HỢP - THỦ THUẬT BLOGSPOT</p></div></div> </a></div><div class='xem-hd'><a href='https://www.facebook.com/TanBinh220601' target='blank' title='Contact'> Liên hệ <i class='fa fa-angle-right'/></a></div><section class='button-down' id='button-down'><a href='#continue'><span/><span style='margin-top:15px'/><span style='margin-top:30px'/></a></section><div class='meta_'><style>.wrapper{margin:10px auto}</style></div></div><div id='continue'/></b:if>

  • Lưu ý: Nhớ thay đổi các nội dung được bôi xám theo ý muốn của bạn nhé.

Chúc các bạn thành công


Viết bình luận (16)
Xếp theo

  1. Texlink không bạn ?
    title : Hoan Hihi Blog
    URL: www.hoanhihi.ml/

    Trả lờiXóa
  2. Bác đọc Bài Này xong thì gỡ liên kết giúp mình nhé! Thanks bác nhiều!

    Trả lờiXóa
  3. Chào bạn, bên mình đang tuyển cộng tác viên. Nếu được thì bạn làm CTV Blog mình nhé! Đây là Blog của mình.

    Trả lờiXóa
    Trả lời
    1. Bạn có hợp tác với Blog mình khg ạ ? Vì bên mình cũng đang cần cộng tác viên bạn nhé. Share thủ thuật blog và PSD hình ảnh nhé bạn. Nếu quan tâm bạn liên hệ mình nhé ^^

      Xóa
    2. Ok bạn. Bạn đưa địa chỉ mail đi ^^
      Mail của mình là: thaithinhwindows1988@gmail.com

      Xóa
    3. Mail: nguyentanbinhchannel@gmail.com nhé bạn ^^

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

      Xóa
    5. Bạn kiểm tra mail nhé. Mình đã gửi lời mời.

      Xóa