Style 404 đẹp và chuẩn Responsive dành cho blogger

Hôm này mình sẽ hướng dẫn các bạn tạo một trang 404 cực đẹp, nhanh và chuẩn Responsive cho blogger. Cách tạo trang 404 này cũng rất dễ dàng để các bạn thực hiện. Các bạn có thể xem demo của style 404 này tại đây  ( đây cũng chính là trang blog của blogger thiết kế ra style này http://blog.kangrian.com ).

Nếu bạn muốn weblog của mình có style này, hãy thực hiện theo hai bước sau:

1. Vào chỉnh sửa HTML trong template tìm thẻ <body> và đặt bên dưới nó dong code sau:

<b:if cond='data:blog.pageType != &quot;error_page&quot;'>

2. Tiếp tục tìm kiếm thẻ đóng </body> và thêm đoạn code bên dưới đặt lên bên trên thẻ đóng </body>

</b:if><b:if cond='data:blog.pageType == &quot;error_page&quot;'><link rel='stylesheet' type='text/css' href='https://googledrive.com/host/0B7H_GQEvKCj1cUVkYy1jbXpqZW8/404-error.css'/><link href='http://fonts.googleapis.com/css?family=Changa+One' rel='stylesheet' type='text/css'/><link href='http://fonts.googleapis.com/css?family=Open+Sans:400' rel='stylesheet' type='text/css'/><div id='error-page'><!-- Halaman Error --><!-- #404 --><div id='error-halaman'><div class='comingcontainer'><div class='checkbacksoon'><p><span class='go3d'>4</span><span class='go3d'>0</span><span class='go3d'>4</span><span class='go3d'>!</span></p><p class='error-bro'> Mohon maaf, Halaman yang Anda cari tidak ditemukan!<br/> Kemungkinan halaman telah dihapus, atau Anda salah menuliskan URL.<br/>Silahkan kembali ke<a class='tombol' href='/' style='box-shadow:none;color:#444;'>Halaman Pertama</a></p></div></div></div><!-- #404 --></div></b:if>

Lưu lại mẫu , chúc các bạn thành công với thủ thuât blogspot đơn giản này!