Showing posts with label HTML. Show all posts
Showing posts with label HTML. Show all posts

Friday, March 23, 2007

16 tips to improve your AdSense Earnings

Every webmaster would like to make a lot of money by showing ads on their websites. Some have managed to make a living by running website showing ads. You can also be one of them, if you work hard and are ready to keep optimizing your websites.

I have put down 16 very useful tips to help you improve your AdSense Earnings. Some of the tips can help you earning more right now and some may take a little time before you can see the improvement.

16 AdSense earning tips

  1. AdSense don't make the money for you, but the traffic to you website do.
  2. Follow Google’s rules. Read AdSense Program Policies and Terms and Conditions.
  3. Don't click your own ads. Eventually you get banned.
  4. Experiment with ad formats. Some work better than others and each site is different.
  5. Blend AdSense ads in your blog or homepage design. Then you have a better change to get the reader to click your ads.
  6. Put AdSense ads at the top of your pages. Do not try to hide your AdSense ads.
  7. Use Google sitemap. Helps getting you website added to Google.
  8. Use channels to track performance for ad units. If one is doing poorly- adjust it.
  9. Optimize your pages for search engines. Helps getting a lot of traffic to your websites.
  10. Optimize your keywords. Keep in mind to optimize to high paying keywords.
  11. Add your blog or homepage to search engines like dmoz.org, yahoo and google.
  12. Be patient. Don’t change your ads because you had a bad day or two.
  13. Good content and a lot of advertising will eventually result in a lot of traffic.
  14. Monitor your traffic to see changes. Look for good and bad changes. Remember to fix the bad changes.
  15. Add you blog or home page to Social Bookmarks sites to get more traffic.
  16. Learn HTML to make changes to your blog or homepage.

Wednesday, March 21, 2007

How to Hide Blogger Navbar in New Blogger

Do you want get rid of The Blogger Navbar/Toolbar?

blogger navbar
The Blogger Navbar is a default navigation and search bar on top of all blogspot blogs and they allow you to change the color, but sometimes it may not blend with your template.

How to hide the Navbar

It's very easy to hide the Navbar because you can do it by adding a CSS tag to your blogger template. The code below hides the Navbar in new Blogger.


#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}

If you just transferred form the old Blogger to the new you can see the code to hide the Navbar is not working. That's because Google have change the CSS tags to display the Blogger Navbar. So you have to find the code below and replace it with the code above to hide the Navbar.

#b-navbar {
height:0px;
visibility:hidden;
display:none;
}


The code I have showed you works perfect to hide the Blogger Navbar, but there is alternate ways to hide the navbar. So if you don't like this solution I have showed you, search the net to find an alternate way to hide the navbar.


Is it against Blogger TOS to hide the Navbar?

Bloggers policy page don't anything about removing the blogger navigation toolbar. So you can safe full remove the Blogger Navbar if you like so. But stay updated on Blogger TOS, so you don't violate them. Read blogger TOS.

Monday, March 19, 2007

Add search box to new blogger

Blogger have a build in search box in the top navigation bar, but that search box searches all blog on blogger. You can include a similar search box on your blog template, to give your readers a chance to search your blog. The advantage by adding this search box is that the result is showed in the main body of your Blog unlike the search box in the top navigation bar.

How to add the search box

The easiest way to add the search box is under Template chooses where you would like the search box to be placed and click "Add a Page Element". Select "HTML/JavaScript".

Add the following code, but before you add it you have to change some parts of it to make it work:


<p align="left">
<form id="searchthis" action="BLOG-URL/search" style="display:inline;" method="get">
<strong>SEARCH HERE<br/></strong>
<input id="b-query" maxlength="255" name="q" size="20" type="text"/>
<input id="b-searchbtn" value="Search" type="submit"/>
</form></p>


It is importen that you change BLOG-URL to the URL or web address of your Blog. You can also change the text in top of your search box by changing SEARCH HERE to your Blog-url or what you like.

Now you only need to save and refresh you blog to see the result. Now you can see a search box like the one below. You can change the length of the search box by changing "20" to another integer. A lower number will result in a short search box and a higher in a longer search box. You can always try to change to get the search box to fit you blog layout.


Search here



By adding the search box to you blog you give the readers a better change to find more information on your blog and thereby get them to stay longer at your blog. You may also have the readers come again because you give them a good opportunity to find the information they are looking for.

Thursday, March 15, 2007

How to add social bookmark buttons to new blogger blog

Social bookmarks are a very powerful tool to get traffic to you blog. When you provide this option for your readers, you are allowing them to easily save links to your blog. These Social bookmarks can be found by others and they may visit you blog and you will also get some inbound links to you blog.

I have only added some of the many Social bookmarks site out there but when you know how to add them to you blog, you can easily add more if you want to.

You can look at the buttom of my posts to see how social bookmark buttons will look like.

How to social bookmark buttons

To place the social bookmark buttons at the footer of every post you have to edit your template HTML code and check "Expand Widget Templates" to find the code to replace. When you have checked "Expand Widget Templates" you have to find:


<p class='post-footer-line post-footer-line-3'/>


Here is the code you have to paste:

<p class='post-footer-line post-footer-line-3'>
Submit in: <a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Bookmark This to del.icio.us'><img alt='Del.icio.us' height='16' src='http://img2.imagepile.net/images/ycc2106/80727937.png' style='border:none;padding:0px;' width='16'/></a><a expr:href='"http://technorati.com/cosmos/search.html?url=" + data:post.url' target='_blank' title='Add to Technorati Favorites'><img alt='Add Story To Technorati' height='16' src='http://img2.imagepile.net/images/ycc2106/81723336.png' style='border:none;padding:0px;' width='16'/></a><a expr:href='"http://digg.com/submit?phase=2&url=" + data:post.url' title='Digg This Story!'><img alt='Digg This Story' height='16' src='http://img2.imagepile.net/images/ycc2106/89072042.png' style='border:none;padding:0px;' width='16'/></a><a expr:href='"http://www.google.com/bookmarks/mark?op=add&bkmk="+ data:post.url + "&title=" + data:post.title' title='Bookmark to Google'><img alt='Add to Google' height='16' src='http://img2.imagepile.net/images/ycc2106/10847106.png' style='border:none;padding:0px;' width='16'/></a><a expr:href='"http://reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title' title='Add to reddit'><img alt='reddit' height='16' src='http://img2.imagepile.net/images/ycc2106/10796749.png' style='border:none;padding:0px;' width='16'/></a></p>


One of the next days I’m going tell how to add social bookmarks to the old blogger. If you are using some other blog platform you have to edit the code to make it work with the blog platform you are using.

Se also: Use Social Bookmarks to get traffic for your blog

Thursday, March 8, 2007

Optimizing what the reader sees

Optimizing the text in your posts so it targets a maximum of 3 search phrases is a really good thing to do because by optimizing for maximum of 3 search phrases you are likely to get a higher search engine ranking and thereby a better chance to get readers to your blog.

How do you optimise the text

Headlines are importent

By using the H1 ... H6 html tags for important headlines before paragraphs you are automatic optimizing you blog, because these tags have a special relevancy weight in SEO. You can look at it as if a hole paragraphs have a headline then this part must be important, nothing strange about that.

If you use your keywords in the headlines it is a good thing to do, but you don’t have to go extreme and for the most important keyword use a H1 and a H2 for secondary keywords and so on. It's just a good thing to have a keyword or two in the headlines. For the H4, H5 and H6 don't spend time to considering how to use them because they have so little influence it's not worth considering.


Main keyword phrases to be in the first line

Another good idea is to get your main keyword phrases in the first line of your post or as high up in the post you can get them. The logic here is that words in the top of the post must be more important then words longer down in the post.

So try to get your main keyword or keyword phrases in the first or second line of your post or as high as you can get it. I know that it's not always as easy as it sound, but try.


Consider the frequency of your keyword

By considering the frequency of your keyword in your post, you can also optimize by doing that. When there is a good frequency for your keywords 4 - 8 % of the total words in your post, the search engines also gives you a better ranking by doing this, but remember as always don't overdo it. Remember that your text in html anchors also counts when you are looking at the frequency.

Wednesday, February 28, 2007

Changing the Blogger Title Tag in Old Blogger

You can easily change the title tag in your blogger template, so you can get an easily SEO optimizing here. Also this small optimizing can give you a better ranking in search engines. For some of my other blogs this has given me a better ranging.

After the change the title in the browser will be this:

Front-page:
Blog title will be showed.

Item page - one post showing:
Post title - blog title.

Blog Archive:
Blog title: archive title Blog Archive.

For changing the code go to your template and find the following code:

<title><$BlogPageTitle$></title>


This code is you have to place where the old code where.

<MainPage>
<title><$BlogPageTitle$></title>
</MainPage>

<ArchivePage>
<title><$BlogPageTitle$> Blog Archives</title>
</ArchivePage>

<ItemPage>
<Blogger><BlogItemTitle><title>
<$BlogItemTitle$> : <$BlogTitle$>
</title></BlogItemTitle></Blogger>
</ItemPage>


When you have changed you code then save your template and you have just made a SEO optimizing of you blog.

It's a good idea to save a copy of yours template before you try to change it, so you have an original copy to go back to.