ধাপ – ১ ঃ প্রথমে ব্লগার যান।
ধাপ -২ ঃ এবার যে ব্লগে ৪০৪ পেজ সেট করতে চান উক্ত ব্লগের Settings থেকে Search Preferences – এ যান।
ধাপ – ৩ ঃ Custom Page Not Found এর Edit এ ক্লিক করুন এবং উক্ত বক্সে নিচের কোড গুলো লিখে দিন।
<div class=’MBT-404-box’>
<p style=’line-height: 30px’><strong>
<font color=’#ff0000′ size=’5′>
Oops!
</font> <font color=’#666666′>
Looks like you either clicked a broken link or a Page that no more exits. Kindly do one of the followings:
</font></strong></p>
<ol style=’line-height: 25px’>
<li><a href=’javascript:history.go(-1)’>« Go Back</a> </li>
<li>Report the Problem to us by <a href=’http://contact@yousername.com’>Clicking Here</a> (<em>This will help us serve you even better</em>) </li>
<li>Go To Homepage by <a href=’http://www.blogger.com.com’>Clicking Here</a>
<br/></li>
</ol>
<p>
<br/>
<br/>
<br/></p>
<p align=’center’><font color=’#0080ff’ style=’font-size: 150px’><strong>404</strong></font></p>
<p> </p>
<p align=’center’/>
<p align=’center’><font size=’5′>Page Not Found!</font></p>
</div>
Save changes বাটনে ক্লিক করে সেভ করুন।
ধাপ – ৪ ঃ Template> Edit HTML এ যান এবং টেম্পলেটির ব্যকআপ নিন।
ধাপ – ৫ ঃ ]]></b:skin> কোডটি খুঁজে বের করুন
ধাপ – ৬ ঃ ]]></b:skin> কোডটির ঠিক নিচে নিচের কোড গুলো টাইপ করে দিন
<b:if cond=’data:blog.pageType == "error_page"’>
<style type=’text/css’>
.status-msg-wrap {
font-size: 100%;
margin: none;
position: static;
width: 100%;
}
.status-msg-border {
display:none
}
.status-msg-body {
padding: none;
position: static;
text-align: inherit;
width: 100%;
z-index: auto;
}
.status-msg-wrap a {
padding: none;
text-decoration: inherit;
}
.MBT-404-box {
background:#FFFFFF;
width:98%;
margin:10px 0px;
padding:20px 10px;
border:1px solid #ddd;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
box-shadow: 5px 5px 5px #CCCCCC;
}
</style>
</b:if>
ধাপ – ৭ ঃ এবার টেম্পলেটটি সেভ করুন।