Thêm Intro Not Responsive Kèm Hiệu Ứng Cho Blogspot.

Xin chào các bạn, nay mình share cho mọi người đoạn code giúp tạo intro cho đẹp blog nhé. 

Cách Thực Hiện:

Bước 1: Thêm Đoạn Code Này Dưới ]]></b:skin>

#intro_homepage{ position: relative; display: table; width: 100%; height: 200px; margin: 0!important; padding: 0!important; z-index: 999; background-size: cover!important; background: #3c3c3c;} .intro_homepage_content{position:relative;z-index:3} .container { width: 100%; height: 40vh; overflow: hidden !important; } h1 { font-family: "Source Sans Pro", sans-serif; font-weight: bold; font-size: 90px; letter-spacing: 20px; text-transform: uppercase; text-align: center; color: #B5B5B5; margin: 0px; padding: 0px; } h2 { font-family: "Source Sans Pro", sans-serif; font-size: 30px; font-weight: 600; letter-spacing: 20px; text-transform: uppercase; text-align: center; color: #B5B5B5; line-height: 50px; padding: 0px; margin: 0px; } h2 a { color: #B5B5B5; text-decoration: none; border-bottom: 5px solid #B5B5B5; margin: 0; padding: 0; } h2 a span { letter-spacing: 0px !important; padding-right: 3px; } h2 a:hover { color: #808080; border-bottom: 5px solid #808080; } #scene ul { width: 100% !important; height: 100% !important; height: 100vh !important; overflow: hidden; position: relative; } .text { position: relative; top: 50%; -webkit-transform: translateY(-50%) !important; -ms-transform: translateY(-50%) !important; transform: translateY(-50%) !important; z-index: 3; display: block; }

Bước 2: Đặt Code Dưới Ở Bất Kì Đâu Bạn Thích 

( Thường là dưới </head>

<div id='intro_homepage'>
<div class='intro_homepage_content'>
<div class="container">
<div class="text">
<h1 style="text-shadow: -3px 0 0 rgba(255,0,0,.7),
  3px 0 0 rgba(0,255,255,.7);">
<font style="background: url('https://media.giphy.com/media/KZBb3ccoX34e5pL5t3/giphy.gif')
repeat scroll 0% 2% transparent; color:#F8E8E8;text-shadow: 0 0 0.7em #DB1230,0 0 0.5em #DB1230">
BFG - Team</font>
</h1>
<h2 style="text-shadow: -3px 0 0 rgba(255,0,0,.7),
  3px 0 0 rgba(0,255,255,.7);">Go <a href="//s2topvnblog.blogspot.com">hom<span>e</span></a>  You're Drunk </h2>
</div>
</div>
</div>
</div>

Bước 3: Lưu Lại Là Xong.

Xem Demo

N LinkPro