Showing posts with label blogger. Show all posts
Showing posts with label blogger. Show all posts

5/01/2013

Connect Blogger Page to Google Webmasters Tools

If you want to delete a cached page from Google's search results or do some other specific operation with Google's Webmaster Tools, you'll need to connect your Blogger page with a meta tag.

To do this, first add your page to Google Webmaster Tools
  • Look down the list to make sure you (or Google) haven't already added your site.
  • If not, click the button in the top right that says [ADD A SITE].
  • Type in the URL of your site.
  • It should be added to your list of sites.
  • Click on Verify this site.
  • A page will show two types of options: 1) Upload a separate file. 2) Alternate methods.
  • Click on the [Alternate methods] tab.
  • There will be three options: 1) HTML tag, 2) Google Analytics, 3) Domain name provider.
  • Click on [ ] HTML tag. 
  • More info will pop up, and you need to copy the long meta tag that is in the box.
    (ex. <meta name="google-site-verification" content="6F8tVa..." />)
Now open Blogger in a new window.
  • Click on the Name of Your Blog.
  • In the left side menu, click [Template].
  • A thumbnail version of your site should appear.
  • There will be two options: 1) Customize, 2) Edit HTML.
  • Click on [Edit HTML].
  • It may take a moment to load....
  • You should see an textfield with you HTML code and line numbers running down the left side.
  • Around Line 4, there will be a <head> tag.
  • Add a blank line after that <head> tag by clicking behind it and hitting return on your keyboard.
  • Now, paste the <meta> tag that you copied earlier (see above).
  • Hit the button to [Save Template].
  • Hit the [Back] button, and if the change has been successful, there should be no warning message that your info has not been saved.
Flip back to the Webmaster Tools window.
  • Click on the [Verify] button for your blog. 
  • Hopefully, this will work. If it doesn't try again. 
  • Make sure the <meta> tag is complete, and that you're placing it right under the <head> tag. Anywhere else might not stay there.

2/05/2013

Fix the sidebar column width in Blogger

You may be using a template in Blogger that has a "sidebar" (or "side bar") on the right, and that vertical column of "gadgets" has a fixed column.

One of these gadgets is Google AdSense, in the hopes that kind visitors will click on the ads (hint, hint) to generate revenue for your site.

The standard Big Box ad is 300 px width by 250 px height.

This is typically too wide for the side bar and part of the ad will spill over on the right side, or maybe it will be clipped off. Looks like crap, right?

To fix this, you need to change the template:


This takes you to the Overview page.
There is a menu on the left side.
  • Click on "Template."
  • Under "Live on Blog" hit [Customize].
  • At the top left menu, click "Adjust widths."
There will probably be two bars. One is for the width of the entire bar. The shorter one is for the side bar.
  • Adjust the "Right sidebar" slider so that it says: [330] px.
  • Hit the [Apply to Blog] button in the top right.
That's it. Go back to you blog and have a look.