Halaman Error adalah halaman yang tidak ada/telah dihapus di blog,jadi ketika pengungjung mengetik atau mengunjungi halaman yang salah/terhapus pada Blog kita maka ada halaman Error yang akan tampil,sekarang saya akan berbagi tentang Bagaimana Cara Membuat Halaman Error ala ViennaLite2
Sebenarnya halaman error yang akan ada di blog saya adalah murni punya arlinadzgn tetapi sedikit saya modifikasi agar menjadi Bahasa Indonesia
Cara Membuat Custom Halaman Error ala ViennaLite2
1.Pertama tama silahkan masuk Blogger2.Masuk ke Blog yang ingin dipasang,lalu pilih bagian Template dan klik Edit HTML
3.Setelah itu cari kode </head> lalu copy kode dibawah ini dan letakan diatas kode tersebut
<b:if cond='data:blog.pageType == "error_page"'>
<style type='text/css'>
#viennalite-wrapper,#nav,.viennalitetop-wrapper {display:none;}
#footer-wrapper,#header-wrapper{visibility:hidden;opacity:0;width:0;height:0}
.error-container{background-image: url(http://1.bp.blogspot.com/-zHS2luoiNTM/VTZJiQmK7RI/AAAAAAAAJxw/D1Kiy-euLXM/s1600/blog-bg.jpg);background-size:cover;}
#footer-wrapper {background-color:transparent;margin:auto;margin-top:-60px;padding:20px;}
#copyright{color:#dcdbe2;}
#copyright a{color:#ed522e;}
#copyright a:hover{color:#dcdbe2;}
.error-header{margin-top:-100px}
.error-title{line-height:42px}
.error-title span{background:#d44929;padding:2px 10px;}
.error-image img{display:block;font-size:72px;font-weight:700;height:150px;margin:10px auto 40px}
.error-container{background-color:#101524;display:table;height:100vh;overflow-x:hidden;width:100%}
.error404 .anonymous{margin:0 auto 20px;display:block}
.error-404{background:rgba(0,0,0,.7);display:table-cell;vertical-align:middle}
.error-404 .page-content p{color:#c8c8c8}
.error-title{color:#fff;font-family:'Open Sans',sans-serif;font-size:42px;font-weight:700;text-transform:uppercase;margin:.67em 0;text-align:center;line-height:normal;}
.search-title{font-size:48px;color:#3f3f46}
.page-content,.page-content p{color:#797979;font-size:18px;text-align:center}
a.btn.back-to-home{background:#4fafe9;color:#fff;font-weight:400;left:40px;line-height:24px;padding:10px 30px;position:absolute;text-transform:capitalize;top:40px;z-index:99;border-radius:4px}
a.back-to-home:hover{background:#459dd3;color:#fff;}
a.back-to-home i{font-size:14px;margin-right:3px}
@media only screen and (max-width:479px){
.back-button-container{max-width:80%;width:80%}.page-content .back-to-home{width:100%;margin:10px auto}.error-header{margin-top:30px}.error-title{font-size:24px;line-height:32px}.page-content,.page-content p{font-size:14px}.error-404{padding-bottom:60px}.page-footer{padding:20px 10px}}
</style>
</b:if><b:if cond='data:blog.pageType == "error_page"'>
<div class='error-container'>
<a class='btn back-to-home' expr:href='data:blog.homepageUrl'><i class='fa fa-home fa-fw'/>Kembali</a>
<section class='error-404 not-found text-center'>
<header class='error-header'>
<div class='error-image'>
<img alt='404' src='http://1.bp.blogspot.com/-Gb2gYMW4VC0/VTZJg0pSIrI/AAAAAAAAJxo/CXhWMecSCNI/s1600/anonymous.png'/>
</div>
<h1 class='error-title'><p><span>Ups!</span> Halaman Tidak Ditemukan.</p> </h1>
</header>
<div class='page-content'>
<p>Sepertinya anda salah mencari / memang halaman tidak ada.</p>
</div>
</section>
</div>
</b:if>Dan untuk mengecek apakah Halaman Error tersebut sudah diterapkan ke blog anda,anda tinggal menambahkan /error-404 di Blog anda
Seperti Contoh : http://masdeeons.blogspot.co.id/error-404
Cukup sekian dari post ini,semoga dapat menambah informasi bagi anda.
