Sering kita lihat jika halaman yang kita tuju tidak ada atau sudah terhapus akan muncul suatu halaman yaitu Halaman Error atau Page Not Fo...
Sering kita lihat jika halaman yang kita tuju tidak ada atau sudah terhapus akan muncul suatu halaman yaitu Halaman Error atau Page Not Found. Sayang.nya halaman tersebut yang asli dari blogger kurang menarik dan sekarang saya akan membuatnya lebih menarik dengan cara menambahkan Video ke dalam halaman tersebut. Mari kita simak tutorial yang akan saya buat ini.
- Buka akun Blogger anda
- Pilih
Template--Edit HTML - Setelah itu tambahkan kode berikut tepat di bawah kode
<body> - Letakkan semua kode berikut tepat di atas
</body> - Kemudian tinggal
Simpan Template
<b:if cond='data:blog.pageType != "error_page"'>
</b:if>
<b:if cond='data:blog.pageType == "error_page"'>
<style type='text/css'>
#error-page{background:#eaeaea;position:fixed!important;position:absolute;text-align:center;top:0;right:0;bottom:0;left:0;z-index:99999}
#error-inner{margin:0 auto}
#error-inner h2{text-transform:uppercase;color:#fff;font-size:50px;margin:0 auto 20px;font-family:Arial;background-color:#E94918}
#error-inner p{line-height:0.9em;font-size:15px;color:#999;text-shadow:1px 1px 0 #fff}
.video-responsive{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;margin:8px}
.video-responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}
.videos{text-align:center;background:linear-gradient(to bottom,#fefefe 0%,#d1d1d1 100%);border:1px solid #A8A8A8;border-radius:5px;margin:30px auto;width:50%;box-shadow:1px 30px 30px -26px #818181}
</style>
<script type='text/javascript'>
//<![CDATA[
setTimeout(function(){
$('.videos1').each(function(){
$(this).replaceWith('<iframe class="videos1 loader" src="'+$(this).data('src')+'" allowfullscreen="allowfullscreen" height="281" width="500"></iframe>')})},5000);
//]]>
</script>
<div id='error-page'>
<div id='error-inner'>
<h2>Error 404</h2>
<p>Mohon maaf, halaman yang anda cari tidak ditemukan !<br/><br/>Kemungkinan halaman telah dihapus, atau anda salah menuliskan URL.<br/><br/> Silahkan kembali ke <a href='/' title='Bagi Secret'><span style='background:#f1f1f1;border:1px solid #d9d9d9;border-radius:3px;padding:2px 5px'><b>BERANDA</b></span></a> Atau tonton dulu Video di Bawah ini</p>
<div class='videos'>
<div class='video-responsive'>
<div class='videos1 loader' data-src='https://www.youtube.com/embed/o3mP3mJDL2k'/>
</div>
</div>
</div>
</div></b:if>https://www.youtube.com/embed/o3mP3mJDL2k dapat anda ganti dengan url video punya anda.
