Home / 404 / Thủ thuật Blogger / Chia sẻ trang lỗi 404 cho Blogger - Style 1

Chia sẻ trang lỗi 404 cho Blogger - Style 1

Trang 404 là một phần theo tôi nghĩ là không thể thiếu, nó là công cụ chuyển hướng tốt nhất cho Blogger/Blogspot giúp website của bạn không còn những đường dẫn do không có bài viết hoặc không còn nữa!




HƯỚNG DẪN

Bước 1: Đăng nhập Blogger > Mẫu > Chỉnh sửa HTML
Bước 2: Thêm đoạn code sau trước </head>


<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<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 <body>

<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<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&#8217;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 mẫu và kiểm tra
Chúc bạn thành công

2 nhận xét

Đăng ký: Đăng Nhận xét (Atom)