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

विज्ञापन

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

Previous articleब्लॉग के मुख्य पृष्ठ पर पोस्ट सारांश (शेष आगे पढ़ें विकल्प) का प्रयोग
Next articleब्लॉगर के साथ प्रयोग के लिए झिलमिलाते रंगीन बटन
Founder, Tech Prevue. Doing Pro Blogging Since 2008.

LEAVE A REPLY

Please enter your comment!
Please enter your name here