Bu yazımda Blogger kullanan kullanıcılar için sitelerinde 404 hata sayfası oluşturmayı göstereceğim.

404 Hata Sayfası Nedir?

Web sitelerinde 404 sayfası ve 404 yönlendirmesi web site trafiğiniz için oldukça önemlidir. Sitenize gelen bir ziyaretci 404 hata, sayfasıyla karşılaştığında ziyaretci’yi sitede tutmak için 404 sayfası önemlidir. Bir web siteniz var ama oluşturduğunuz sayfa, arama motorları tarafından indexlendiği için. Arama motorundan sitenize gelen kullanıcılar 404 sayfa bulunamadı hatası veriyor. Bu durumla karşılaşırsanız büyük ihtimalle sayfa URL’si değişti, farklı bir sayfaya taşındı veya silinmiş olabilir. Bu tür girilen URL adresi girişlerinde sitenin sizi bilgilendirmek amacıyla yönlendirdiği sayfaya “404 Hata Sayfası” diyoruz.

404 Hata Sayfası Oluşturma

Blogger sitenizin hazırda 404 hata sayfası var ve bu 404 sayfasını beğenmediniz diyelim. Hazırda olan 404 hata sayfasını CSS kodları kullanarak düzenleyebilirsiniz veya internet, üzerinde bir çok hazır 404 hata sayfası bulunmaktadır.

Blogger 404 Sayfa Kodları Ekleme

Blogger sitenize 404 hata sayfası kodları eklemek için

1. İlk önce blogger.com oturum açın.
2. Ayarlar > Hatalar ve yönlendirmelere gelin.
3. Özel 404 sayfası yazısına tıklayın.
4. 404 hata kodlarını yapıştırın ve KAYIT butonuna tıklayın.

Hazırda bulunan 404 sayfa kodlarını Blogger sitenizde kullanabilirsiniz.

<center>
    <div id="diveebicom-404-hata-sayfasi">
        <h2 id="diveebicom-404-h2">404</h2>
        <h5 id="diveebicom-404-h5">Aradığınız Sayfa Bulunamadı.</h5>
        <a href="https://diveebi.com/"><button id="divebicom-404-btn">Ana Sayfa</button></a>
    </div>
</center><style>body {
		background: #fafafa;
		margin: 0;
		padding: 0;
	}
	#diveebicom-404-hata-sayfasi {
		text-align: center;
		margin-top: 85px;
	}
	#diveebicom-404-h2 {
		color: #404040;
		font-size: 98px;
		margin: 0;
		padding: 0;
	}
	#diveebicom-404-h5 {
		color: #404040;
		font-size: 24px;
		padding-top: 15px;
		margin: 0;
	}
	#diveebicom-404-btn {
		background: #1f53ff;
		border: 2px solid #1f53ff;
		margin-top: 35px;
		height: 35px;
		width: 120px;
		border-radius: 15px;
		color: #fafafa;
	}</style>

Diğer Blogger yazılarıma bakmak istersen tıkla.