Share code trang 404 đẹp cho Blogger

Demo hình ảnh :

Demo live : http://vnshare-mobi.blogspot.com/404

Các bạn vào : Blogger > Cài đặt > Tùy chọn tìm kiếm > Lỗi và chuyển hướng > Không tìm thấy trang tùy chỉnh và điền code này vào :

<!-- Start-->   

 <b:if cond='data:blog.pageType == "error_page"'>

<style>

#error-not-found {

    background: #5cffbe;

    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimQnmBcrFP_TJ20RaK5QEBtHrT4ztBjLORZrf4W0VRfqb8p3CfTQSZcTPlm-9b2Xvz41UMa0g5cFoAYUoqt6tRxincBAOCJp5t8eIHWvLnkKNmrU4T5svIsYxvY5R98cGSSvdbnGiyAj0/s1600/bg_body.gif)no-repeat top center,-moz-radial-gradient(center 40%, circle cover, #5cffbe 0%, #880000 100%);

    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimQnmBcrFP_TJ20RaK5QEBtHrT4ztBjLORZrf4W0VRfqb8p3CfTQSZcTPlm-9b2Xvz41UMa0g5cFoAYUoqt6tRxincBAOCJp5t8eIHWvLnkKNmrU4T5svIsYxvY5R98cGSSvdbnGiyAj0/s1600/bg_body.gif)no-repeat top center,-webkit-gradient(radial, center 40%, 0,  center 40%, 800, from(#5cffbe), to(#880000) );    

        text-align:center;

        position:fixed;

        top:0px;

        right:0px;

        bottom:0px;

        left:0px;

        padding-top:270px;

        z-index:999999;

}

#error-not-found  h1 {

        font-size:640px!important;

        position:absolute;

        font-family:impact,sans serif!important;

        top:70px;

        left:50%;

        letter-spacing: -8px;

        margin-left:-502px!important;

        width:960px;

        z-index:-2;

        color:rgba(0,0,0,.09)!important;

}

#error-not-found  h2 {

        font-family:arial black,sans serif!important;

        text-transform:uppercase;

        font-size:81px;

        line-height:66px!important;

        letter-spacing: -3px;

        color:#fff!important;

        margin:0!important;

        padding:0!important;

}

#error-not-found p a,

#error-not-found p a:visited,

#error-not-found p a:hover{

        font-family:arial black,sans serif!important;

        text-transform:uppercase;

        font-size:56px;

        line-height:40px!important;

        border:none;

        font-weight: bold;

        color:rgba(0,0,0,.5)!important;

        margin:0!important;

        padding:0!important;

        text-decoration:none!important;

}

</style>

<div id='error-not-found'>

 <h1>404</h1>

 <h2>Oops..Sorry</h2>

 <h2>Page Not Found</h2>

 <p> <a href="http://www.vnshare.mobi/"> Back to Home</a></p>

            </div>

</b:if>                <!-- end-->

Rồi lưu lại , xong , chúc bạn thành công !

Nguồn bởi VNShare.Mobi (Nếu copy nhớ ghi rõ nguồn)