Tuesday, August 25, 2009

Remove the Blogger banner

To hide the Blogger Navbar :
  1. Log in to blogger
  2. On your Dashboard, select Layout. This will take you to the Template tab. Click Edit HTML. Under the Edit Template section you will see you blog's HTML.
  3. Paste the CSS definition in the top of the template code:

    #navbar {
    display: none !important;
    }
Bookmark and Share

How to Submit Your Blog Sitemap to Google Through Google Webmaster Tools

Blogger blogs are frequently indexed by Google, however if you've just created a new blog and you want to make sure that it is is indexed by Google, you can use Google Webmaster Tools.


Google webmaster tools setup guide :

Google Webmaster Tools provides you with detailed reports about your pages' visibility on Google. To get started, simply add and verify your site and you'll start to see information right away.

  1. Go to the following address and sign in with your Google account:
    http://www.google.com/webmasters/
  2. Click on "Add a Site" button to add your blog.
  3. A small box will appear, enter your blog URL in it.
  4. Now you need to proof that you really are the owner of this blog, for this you need to verify.
  5. Chose "Meta Tag" as verification method and copy the tag which looks something like this:

    <meta name="verify-v1" content="z6MLWEMxLvMFcoVNvGPKOMvAn1oJBKem+eTEpZ1F/DU=">
  6. Now come back to your Blogger account and go to "Layout" -> "Edit HTML" section.
  7. Paste the Meta Tag right after tag, the tag is in the start of your code just after a few lines.
  8. Once you've pasted the code, click on "Save Template" button to save your changes.
    • Warning: You might see an error like this:
      Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
      XML error message: The element type "meta" must be terminated by the matching end-tag "".
      Don't worry if you see such error, simply add / before > and save again.
    • Tip: Optionally, you can also add the following tag, so that when Google crawls your blog, it will completely index your site and follow all links in your blog.

      <meta name="robots" content="INDEX, FOLLOW">
  9. Now again go to you "Webmaster Tools" account and click on "verify" button to complete verification process.
  10. If you've done everything right, you'll see that you're site is verified now.
    • Warning: Don't remove the Meta Tag after verification process, it might be checked again.
  11. Expand the option "Site configuration" which is on the left side.
  12. Click on "Sitemaps" and then click on "Submit a Sitemap" button and a small window will appear which will already have http://YOURBLOGNAME.blogspot.com/ and in the empty area of the box, you'll type "rss.xml". Final result would be

You're done now, this is the best possible way to get fully indexed by Google and of course if you're good with Google then you'll get a lot of traffic.
Bookmark and Share

Monday, August 24, 2009

Add favicon on Blogger

What is a favicon?
A favicon (short for favorites icon), also known as a website icon, shortcut icon, url icon, or bookmark icon is a 16x16 (or 32x32) pixel square icon associated with a particular website or webpage.

Now how to do it on blogger :
Go to Layout | Edit HTML and find . Paste the following code right after but before tag. It should look like this:



</b:skin>
<link href='URL of .ico file' rel='shortcut icon' type='image/x-icon'/>
<link href='URL of animated .gif file' rel='icon' type='image/gif'/>
</head>


Remember: Here we use two files (.ico & .gif) because old internet browsers like Internet Explorer cannot display an animated favicon so we need to add a .ico file for this purpose.

Note: You can use a 32x32 .ico or .gif image file.
Bookmark and Share

Saturday, August 8, 2009

How to Change Font/Background Color in Adobe Reader

Adobe PDF documents come in a variety of designs which include an assortment of colored texts. For those with vision problems, reading lighter colored fonts can be difficult. In this article, you'll discover how you can easily enhance color with a few easy steps.
  1. Open Adobe Reader. Click on "Edit" from the top menu, then click on "Preferences."
  2. Choose "Accessibility" from the "Preferences" menu list on the left.
  3. Check the box beside "Replace Document Colors." This opens the other options for editing.
  4. Select "Custom Color." At this point you can modify the background color as well as the font color. To change font color, click on the color palette box beside "Document Text."
  5. Select the color from the small palette box. You can also choose "Other Color" to further customize your font color. Once you have chosen your color and clicked on it, you will be taken back to the main "Preferences" screen.
  6. Click "OK" at the bottom of the "Preferences" window, and the document will update with your chosen font color.
Bookmark and Share