Menu

Blogger Çok Kaliteli 404 Hata Sayfası

Blogger 404 hata sayfası tasarımı,404 hata sayfası nedir,bir site ziyaretçiniz internette araştırma yaparken sizin sayfalarınızla ilgili bir linke tıkladığında eğer tıklanan url adresi silinmiş veya kaldırılmış ise 404 hata url adresine siteniz yönlendirilir.

Site sahipleri sildiği veya kaldırdığı sitelerine bağlantısı olan url adreslerini google webmasters adresinde url kaldır kısmından da kaldırmalıdır.Veya eski bir domain alınmışsa içerik olarak eski domain ile aynı yazılar yazılmıyorsa,sitenin eski sahibi tarafından çeşitli yerlere eklenen url yönlendirmeleri sitenize 404 hatası olarak geri dönecektir.

Genellikle 404 hata sayfası bir kullanıcı sitenize ait kırık bir linke tıkladığında otomatik olarak yönlendirildiği sayfadır.

Blogger Çok Kaliteli 404 Hata Sayfası


Eğer benim sitemde kaliteli bir blogger 404 hata sayfam olsun diyorsanız,aşağıdaki oldukça şık blogger 404 sayfası bütün ihtiyaçlarınızı karşılayacaktır.

Blogger 404 hata sayfasında bir resim,ana sayfa yönlendirmesi,çeşitli linkler bulunmaktadır.Bu kodların içinde bulunan resimleri lütmen kendi sunucularınıza yükleyiniz,daha sonra resim silinmesi olmaması için.

Blogger İçin 404 Hata Sayfası oluşturma adımları


1.Blogger hesabınıza giriş yaptıktan sonra Ayarlar sayfasından Arama Tercihi kısmına tıklayarak blogger 404 sayfasını hazırmamanın diğer adımlara geçelim.

Blogger Çok Kaliteli 404 Hata Sayfası


2.Arama Tercihi kısmına geldikten sonra Hatalar ve Yönlendirmeler bulunan Sayfa Bulunmadı Sayfası için Özel İçerik yan tarafında bulunan Düzenle yazısına tıklayınız.

Blogger Çok Kaliteli 404 Hata Sayfası

3.Açılan sayfaya aşağıdaki kodları kopyalayarak yapıştırınız.Değişiklikleri kaydet butonuna tıklayarak blogger 404 hata sayfanızı oluşturunuz.

<style>
#sidebar-wrapper, #midsidebar-wrapper, .post-comments, .blog-pager{ display:none !important;}
#main-wrapper{ width:100%!important;}
.post {background:#f7f7f7;width: 100%; height:100%; padding:10px; !important;}
.bullet ul {
list-style:url('http://1.bp.blogspot.com/-qRutNGOSSzA/UmJKyyADU-I/AAAAAAAAG_8/inJeFMnE4oQ/s1600/bullet.png');
padding-left:50px;}
.bullet ul li {
text-align: left;
color:#F58220;
font: bold 16px "Arial",Tahoma,Arial;
padding-top:8px;
padding-bottom:8px;}
.bullet a {
color:#F58220;
text-decoration:none;
text-align: left;}
.bullet a:hover {
color: #ca1a04;}
.pagenotfound h1 {
font: bold 60px Arial;
margin-bottom:-5px;
margin-top: 1px;
text-align: left;}
.backhome  {
color: #999;
background: #666 url(http://3.bp.blogspot.com/-WFGAi8lR9Ow/UmJCxCpfpaI/AAAAAAAAG_E/3QL6xE2fpuQ/s1600/bg_btn.png)repeat;
padding-top:8px;
padding-bottom:5px;
padding-right:10px;
padding-left:10px;
width:160px;
height:22px;
margin-top:15px;
border: 1px solid #555;}
.backhome:hover  {
background: #333 url(http://1.bp.blogspot.com/-8PMrAFJvl4Y/UmJCxeSNozI/AAAAAAAAG_I/V92XPTu8aTE/s1600/bg_hover_btn.png)repeat;}
.backhome a {
color: #fff;
font: bold 16px Arial;
padding-top:7px;
text-decoration: none;}
#blackarrow {
background: url(https://lh3.googleusercontent.com/-JDlx8q32q-4/V427SG_bfXI/AAAAAAAARvw/-K25JdNQgichNzFdLcJ6mazZGjUIy5p5QCCo/s93/seomektebi%2B1.png)no-repeat;
height: 36px;
margin-left: 160px;
margin-top:8px;
margin-bottom:-25px;}
#different span {
    font-family: "sans-serif",cursive;
    color: rgb(204, 204, 204);
    display: inline-block;
    transform: rotate(3deg);
padding-left: 255px;}
#different {
    text-align: left;
    font-size: 1.2em;}
</style>
<div style="background: #f7f7f7; float: none; width: 960px; height: 500px; padding: 10px; margin-left:-45px; margin-top:-15px; margin-bottom:-7px;">
<br/><br/>
<div style="float: left; width: 412px;">
<img border='0' src=' https://lh3.googleusercontent.com/-XHhN6dGVLc0/V427SEf43nI/AAAAAAAARv0/tAtmWHLwxDUgBsOpKDFOeOJeVMvuM3iIACCo/s412/seomektebi%2B2.png ' /></div>
<div style="float: right; margin-right: 40px; width: 450px;">
<div class="pagenotfound">
<h1>Hata Malesef!</h1></div>
<p style="font-family: Arial; font-size: 17px; font-weight: bold;text-align: left; margin-bottom: 17px; margin-top:3px;">Maalesef istediğiniz sayfa bulunamıyor.</p>
<img style='margin-top: 0px; height: 20px;' src='http://1.bp.blogspot.com/-Vfce-zJ8Wcw/UmJE7-WQKrI/AAAAAAAAG_k/Tber1I9EjLM/s1600/splitter.png' />
<br/><br/>
<p style="font-family: Arial; font-size: 17px; font-weight: bold;text-align: left; margin-bottom:17px; margin-top:15px;">Bu kılavuz hedefinize ulaşmak konusunda size yardımcı olabilir:</p>
<div class="bullet"><ul>
 <li><a href='Url adresi'>En son yazıları kontrol et!</a></li>
 <li><a href='Url adresi'>İletişime geç!</a></li>
 <li><a href='Url adresi'>Arşiv sayfasını incele?</a></li>
</ul> </div>
<div class="backhome">
<a href="Url adresi">Ana Sayfaya Dön</a></div>
<div id="blackarrow"></div>
<div id='different'>
<span>emniyetli bir şekilde geri dön! </span>
</div></div></div>

Blogger 404 Hata Sayfasını Düzenleme


CSS HTML kodları ile olşturulmuş olan blogger 404 hata sayfasında css kodları ile oynayarak istediğiniz renk ve ölçü düzenini sağlayabilirsiniz.

Ayrıça link kısınmalrına istediğiniz adreslerini değiştirerek ekleyiniz.

İşlemleriniz bittikten sonra bir test yapınız site url adresinizin yanına /404 yazarak blogger 404 hata sayfanızın çalışıp çalışmadığını kontrol ediniz.

Sonraki Yazılar
« Prev Post
Önceki Yazılar
Next Post »

Henüz Yorum Yapılmamış " Blogger Çok Kaliteli 404 Hata Sayfası "

Önerilen Yazı
×