404 Sayfa Bulunamadı Ayarlama Kodları

Öncelikle Merhaba 404 Sayfa bulunamadı bloggerde nasıl yapılır veya kodlu bir şekilde nasıl yaparım onu anlatıcam

Sayfa Bulunamadı Nedir?
Sayfa Bulunamadı nedir? Örnek veriyorum www.kendisiteniz/testamaclıdır yazdıgınızda boş bir sayfa ile karşılaşacaksınız boş sayfa olmaması için Sayfa Bulunamadı eklememiz lazım.

1. Adım Bloggerde Kodsuz Yapmak
İlk önce draft.blogger.com adresinden ayarlar kısmına basıyoruz.

Ayarlar kısmına bastıktan sonra aram tercihlerine basıyoruz.

Arama Tercihlerine bastıktan sonra açılan sayfada "Sayfa Bulunamadı Sayfası İçin Özel İçerik" Düzenle Yerine basıyoruz

Ve Sayfa Bulunamadı Yerine istediğini yazabilirsiniz.

2.Adım Kodla Sayfa 404 Bulunamadı Ayarlama
Aşağıda verdiğim kodu kopyalayın ardından Şablon > HTML'i Düzenle diyoruz. CTRL+F ile </head> Kodunu bulun aşağıda kopyaladığımız kodları <head> kodunun üstüne ekleyin.

<b:if cond='data:blog.pageType == "error_page"'>
<style type='text/css'>
#error-pages{background:#232323;font-weight:400;font-size:20px;position:fixed;width:100%;height:100%;line-height:1.5em;text-align:center;margin-bottom:50px;z-index:9999;left:0}
#error-page{font-size:40px;top:30%;position:relative;color:#eee}
#error-page a{color:#eee}
#error-page a:hover{color:#fff}
#error-page p{color:#eee;margin:70px 0 0}
#error-page i{margin-left:10px}
#error-page p.home-page{margin:40px 0 0}
#error-page span{background:#ef4824;color:#fff;font-size:300%;padding:0 20px;border-radius:5px;position:relative;font-weight:bolder;transition:all .5s;cursor:pointer;margin:0 0 40px}
#error-page span:hover{background:#d7401f;-webkit-animation:jelly .5s;color:#fff;-moz-animation:jelly .5s;-ms-animation:jelly .5s;-o-animation:jelly .5s;animation:jelly .5s}
#error-page span:after{top:100%;left:50%;border:solid transparent;content:'';height:0;width:0;border-color:rgba(136,183,213,0);border-top-color:#ef4824;border-width:7px;position:absolute;pointer-events:none;margin-left:-7px}
.back:active{background:#f53b3b;-webkit-transform:scale(.95);-moz-transform:scale(.95);transform:scale(.95);color:#fff}
.back:hover{background:#4c4c4c;color:#fff}
.back{text-decoration:none;background:#5b5a5a;font-size:20px;font-weight:500;line-height:normal;color:#fff;padding:10px 20px;text-transform:uppercase;border-radius:3px;-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1);transition:all .5s ease-out}
@-webkit-keyframes jelly{from,to{-webkit-transform:scale(1,1);transform:scale(1,1)}25%{-webkit-transform:scale(.9,1.1);transform:scale(.9,1.1)}50%{-webkit-transform:scale(1.1,.9);transform:scale(1.1,.9)}75%{-webkit-transform:scale(.95,1.05);transform:scale(.95,1.05)}}
@keyframes jelly{from,to{-webkit-transform:scale(1,1);transform:scale(1,1)}25%{-webkit-transform:scale(.9,1.1);transform:scale(.9,1.1)}50%{-webkit-transform:scale(1.1,.9);transform:scale(1.1,.9)}75%{-webkit-transform:scale(.95,1.05);transform:scale(.95,1.05)}}
@media only screen and (max-width:640px){#error-page span{font-size:200%}#error-page a:hover{color:#fff}}
</style>
</b:if>

Sonra CTRL+F ile <body> kodunu buluyoruz ve aşağıdaki kodları <body> kodunun altına ekliyoruz.

Yapamadığınız bir sorun olursa yorum olarak yazın yetkililerimiz yardımcı olucaktır şimdiden hayırlı olsun 😁

Güncel Paylaşımlar

15 Aralık 2019 Pazar

404 Sayfa Bulunamadı Ayarlama Kodları

Hiç yorum yok:

Yorum Gönder

Sosyal Medyadan Bizi Takip Et!

KATKIDA BULUNANLAR

İletişim Formu

Toplam Sayfa Görüntüleme Sayısı

Popüler Gönderiler

Yeni Gönderiler

Yorumlar

Son Gönderiler

İnternette Aratılan Gönderiler

Popüler Gönderiler