Les nouveautés et Tutoriels de Votre Codeur | SEO | Création de site web | Création de logiciel

Seo Master present to you:
404 error page not found
In this tutorial i will teach you to enable and customize 404 Error page for your blogger blog. A 404 Error occurs when you try to visit  a page that does not exist or has been deleted. Adding a 404 error page will let your visitors go back to previous page or Home page and will. This will allow to keep visitors engage on your blog for little longer and decrease bounce rate. The default blogger 404 page is boring and unattractive so we will be styling it using some Html and CSS to make it look more stylish. So lets add and style 404 Error page to your blog. check out live demo of 404 error page by clicking on button given below.

Creating 404 Error Page 

1. Go to blogger Dashboard then Settings > Search Preferences
2. Now under Error and Redirection click on Edit beside custom page not found.

blogger 404 error page
3. Inside the box paste code given below.


<!-- MBW 404 Page -->
<div class='MBW-404-box'>
  <p style='line-height: 1.6em'><strong>
<font color='red' size='6'>
Oops!!!
</font> <font color='#666666'>
 <!-- www.matrixar.com -->
Looks like you are trying to access page that does not exist or has been deleted. Please do any of the followings:
</font></strong></p>
  <ol style='line-height: 25px'>
    <li><a href='javascript:history.go(-1)'>&#171; Go Back</a> </li>
    <li>Report the Problem By <a href='http://www.www.matrixar.com'>Clicking Here</a>&#160;&#160;&#160; (<i>This will help us serve you better</i>) </li>
    <li>Go To Homepage by <a href='http://www.www.matrixar.com/contact'>Clicking Here</a>
      <br/></li>
  </ol>
  <p><br><br></p><p align='center'><font color='#159b24' style='font-size: 135px'><strong>404</strong></font></p>
  <p align='center'><font size='5'>Error Page Not Found</font></p>
</div>

4. Now make following changes to above code.

  • Change www.www.matrixar.com to your blog address
  • Change http://www.www.matrixar.com/contact to your contact page
  • Replace #159b24 to change color of 404 text.

5. Then save the changes.
6. Now from blogger dashboard click on Template > Edit Html
7. Seach for ]]></b:skin> and paste the code give below just below it.

<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<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;
}
.MBW-404-box {
  background:#FFFFFF;
  width:96%;
  margin:10px 0px;
  padding:15px 15px;
  border:1px solid #b9b6b6;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
  box-shadow: 6px 6px 6px #e3e3e3;
}
</style>
</b:if>
8. Make following changes to customize 404 Error page

  • Replace #FFFFFF to change background color.
  • Replace #b9b6b6 to change border color.
9. Save the template and done.

How to check if its Working ?

In order to check if you implemented 404 error page properly on your blog and is working correctly visit link given below.
  • htttp://www.yourblogurl.com/somecrap  (Replace yourblogurl with your blog address)
2013, By: Seo Master
Seo Master present to you: Author Photo
By Katie Miller, Developer Marketing

With Google I/O 2013 registration only days away, on Wednesday, March 13, 2013 at 7:00 AM PDT (GMT-7), we want to make sure you’re as prepared as possible for the process.

First, we’re pleased to share that we’ve just added a lot of information to the Google I/O 2013 site, including information on the registration process, travel planning resources, key event details, FAQs, and (new this year) child care.
I/O 13 logo
Second, we’d like to share answers to some of the most commonly asked questions we’ve received in the last few days on +Google Developers. Complete FAQs are available on the Help page of the event site.

Optimizing your registration experience

We anticipate high demand once again, but there are steps you can take to be prepared for the process.

Before registration opens:
  • Make sure you have set up both a Google+ account and a Google Wallet account. If you’ve ever bought anything on Google Play, you already have Google Wallet.
  • Check your Google Wallet settings to make sure your postal address is complete and accurate, and your payment method is correct and up to date.
  • If this will be the first time you're making a large payment with Google Wallet, you may want to notify your bank or credit card company in advance that you plan to make a $900 (general ticket) or $300 (academic ticket) charge that will appear as GOOGLE*IORegistration. This will help ensure your payment is processed.
  • Be on the site before registration opens on Wednesday, March 13, 2013 at 7:00 AM PDT (GMT-7) so you can sign in to your Google+ account.
Once registration opens on March 13, 2013 at 7:00 AM PDT (GMT-7):
  • When you’re placed on the waiting page, don’t refresh your browser or your ticket search will restart.
  • Please don’t open multiple tabs or use multiple browsers. Each time you open a new connection, your ticket search will restart.
Details for academic attendees

To qualify as an academic attendee (and receive the $300 ticket price) you need to be an active full-time student, professor, faculty or staff at a high school or higher education institution. The academic rate is also available to anyone who graduated in 2013 prior to the event.

To verify that you are qualified to receive the special rate, we will require a current school ID, transcripts, credentials, or other forms of documentation when you check in at the conference. A couple of other important things to note:
  • Once purchased, general admission tickets can't be converted to academic tickets, and vice versa.
  • If you buy an academic ticket and can't provide academic documentation when you arrive at Google I/O, you won't be admitted or offered a refund, nor will you be able to convert your ticket to general admission.
Information on participating from afar

You can be part of Google I/O from wherever you are. You can watch live streams of the keynotes and many other sessions on Google Developers Live. Even better, be part of Google I/O by attending an I/O Extended event in your area. More details on these programs will be available soon. If you can't watch live, you can see YouTube recordings of all sessions on Google Developers Live after the conference.

We greatly appreciate your interest in coming to Google I/O, and we hope to see you there. Good luck!


Katie Miller leads marketing for Google I/O and other developer marketing initiatives at Google. Outside of work, Katie spends her time running (both road races and after a very active toddler) and memorizing Dr. Seuss rhymes.

Posted by Scott Knaster, Editor
2013, By: Seo Master
Seo Master present to you:

One of the thrills of releasing software at Google is knowing that a successful product launch might test the limits of application scalability. The web's unparalleled growth is fueled by the efforts of millions, and with that diversity comes a richness of perspective and insight. That's why I'm excited to see that Google is planning its first-ever conference on scalable systems, taking place on June 23rd at the Seattle office.

Would you like to learn more about scaling to million of people and billions of transactions? Maybe you would want to share your experience? To hear more about the event, please visit the Google Research Blog and read the announcement on the Seattle conference on scalability.2013, By: Seo Master
Powered by Blogger.