Chia Sẻ Trang Lỗi Error 404 Đẹp Cho Blogger
Thêm một trang 404 đẹp của Đăng Bùi mình xin phép được chia sẻ lại cho các bạn. Mẫu này cũng giống như mẫu trước là theo phong cách 3D...
HƯỚNG DẪN
Bước 1: Đăng nhập Blogger => MẫuBước 2: Thêm đoạn code sau trước thẻ </head>
<b:if cond='data:blog.pageType == "error_page"'> <link href="https://dl.dropboxusercontent.com/s/qn5mr56p3yyzwju/bootstrap.min.css" rel="stylesheet"/> <link href="https://dl.dropboxusercontent.com/s/02z8w7zlf7x5p82/shader.css" rel="stylesheet"/> </b:if>
Bước 3: Thêm đoạn code sau dưới thẻ <body>
<b:if cond='data:blog.pageType == "error_page"'> <div class="theme-fire"> <div id="background-container" class="background-container"> <div id="background-output" class="background-output"><canvas width="0" height="0" style="display: block;"></canvas></div> <div id="vignette" class="background-vignette"></div> <div id="noise" class="background-noise"></div> </div> <div class="content"> <div class="container"> <div class="row"> <h1 class="header col-sm-8 col-sm-offset-2">404 Error</h1> </div> <div class="row"> <p class="description col-sm-8 col-sm-offset-2"> Oops! That page can’t be found.<br/> It looks like nothing was found at this location. <a href="/" style="color: #111;">Back to homepage</a> </p> </div> </div> </div> <div></div> <script src='https://dl.dropboxusercontent.com/s/m1cjsogan6awc0e/jquery.countdown.js'/> <script src='https://dl.dropboxusercontent.com/s/9uzit85iai7n9yl/placeholders.min.js'/> <script src='https://dl.dropboxusercontent.com/s/0qi7d11zioe0h13/flat-surface-shader.js'/> <script src='https://dl.dropboxusercontent.com/s/xo6qkcyrkkiaghm/main.config.js'/> <script src='https://dl.dropboxusercontent.com/s/7v0jn787tikjst6/shader.js'/></div> </b:if>
Bước 4: Lưu lại và xem kết quả
Chúc các bạn thành công
Chia Sẻ Trang Lỗi Error 404 Đẹp Cho Blogger
Reviewed by Nguyễn Đăng Nhật
on
16:35:00
Rating:
Không có nhận xét nào: