ब्लॉगर में त्रुटि 404 (यह पेज मौजूद नहीं है) पेज किस तरह बनायें

140

Custom Page Not Found (Error 404 Page) – Blogger SEO

अब आप ब्लॉगर पर Custom Error Page (Page Not Found) भी सेट कर सकते हैं। यह वह पेज है जिसे तब दर्शाया जाता है –
1. जब कोई पाठक किसी ऐसे पेज पर पहुँचता है जिसे बनाकर हटा दिया गया है या
2. फिर उसके द्वारा पेज का पता गलत टाइप किया गया हो। इसे broken link के नाम से भी जाना जाता है।

आप इसका उदाहरण मेरे ब्लॉग पर भी देख सकते हैं। उदाहरण देखने के लिए नीचे दिये जा रहे DEMO बटन पर क्लिक करें।

See Demo - Click Here

ब्लॉगर ने इसके लिए एक नया पेज टाइप (blog.pageType) तैयार किया है जिसे error_page कहा जाता है और इसे ब्लॉगर टेम्पलेट में निम्न प्रकार से लिखा जाता है।

<b:if cond='data:blog.pageType == "error_page"'>
<!-- You're Code Here -->
</b:if>

यह मात्र एक आइडिया भर है आप Custom Error Page को अपनी सुविधा के हिसाब से डिज़ाइन कर सकते हैं क्योंकि हर किसी की सोच और आवश्यकता अलग-अलग होती है।

Add Custom Error Page (Page Not Found) to Blogger

1. Blogger Dashboard ¬> Select Blog ¬> Select Settings tab ¬> Search Preferences
2. अब आपको Errors and redirections में आपको Custom Page Not Found के आगे [Set] Edit लिखा मिलेगा। अब Edit पर क्लिक करें।
3. और खुलने वाले बॉक्स में नीचे दिया गया कोड भर दें और फिर Save changes पर क्लिक करके कोड Save कर दें।

Set Custome Page Not Found to Blogger

CUSTOM PAGE NOT FOUND CODE

<!--  Error Page by techprevue.blogspot.in -->
<style>
#error-page {
    background: #007dbd;
    background: url(http://4.bp.blogspot.com/--Ri7FNhfPuU/T3p0_rWUvLI/AAAAAAAAHzU/v_V5cF2O9YM/s1600/bg_body.gif)no-repeat top center,-moz-radial-gradient(center 40%, circle cover, #007dbd 0%, #003650 100%);
    background: url(http://4.bp.blogspot.com/--Ri7FNhfPuU/T3p0_rWUvLI/AAAAAAAAHzU/v_V5cF2O9YM/s1600/bg_body.gif)no-repeat top center,-webkit-gradient(radial, center 40%, 0,  center 40%, 800, from(#007dbd), to(#003650) );    
        text-align:center;
        position:fixed;
        top:0px;
        right:0px;
        bottom:0px;
        left:0px;
        padding-top:270px;
        z-index:999999;
}
#error-page  h1 {
        font-size:540px!important;
        position:absolute;
        font-family:impact,sans serif!important;
        top:70px;
        left:50%;
        letter-spacing: -8px;
        margin-left:-502px!important;
        width:960px;
        z-index:-2;
        color:rgba(0,0,0,.09)!important;
}
#error-page  h2 {
        font-family:arial black,sans serif!important;
        text-transform:uppercase;
        font-size:80px;
        line-height:66px!important;
        letter-spacing: -3px;
        color:#fff!important;
        margin:0!important;
        padding:0!important;
}
#error-page p a,
#error-page p a:visited,
#error-page p a:hover{
        font-family:arial black,sans serif!important;
        text-transform:uppercase;
        font-size:56px;
        line-height:40px!important;
        border:none;
        font-weight: bold;
        color:rgba(0,0,0,.5)!important;
        margin:0!important;
        padding:0!important;
        text-decoration:none!important;
}
</style>
<div id='error-page'>
 <h1>404</h1> <h2>LINK BROKEN</h2>
 <h2>PAGE NOT FOUND</h2>
 <p> <a href='/' title='Home Page'> Back to Home Page</a></p>
</div>
<!--  Error Page by techprevue.blogspot.in -->

——————————————————————————–
Credit: Urang Kurai – http://urang-kurai.blogspot.com/
——————————————————————————–

Keywords: blogger, custom error page, custom page not found, redirect to home page, error 404