Thursday, January 15, 2009

Adding Google Page Rank To Your Blog

Do you want to know how popular your website or blog in Google's "eye"? There is a tool which can help you for that. Its name is Google Page Rank.

Where To Get It?

You can open http://www.designbrigade.com/PageRankChecker to get the code. You have to enter the address of your blog and click submit. After that, you will get your page rank number. The bigger page rank number means your page popularity in Google is better. In this example, my blog's page rank is still zero :-(.


But this is not we are going to talk about. Do you see there are to page rank badges, one with black background and the other one with white background? We are going to put that badge in our blog. Choose the one you like by copying the HTML code in the textarea beside it.


Add It To Your Blog

Just the same like my two previous tutorials. First, you have to log in to blogger. In your blogger dashboard, click Layout then click the Add Widget link and the popup window will appear. Then, choose HTML/Javascript option and another popup windows will be shown. On that window, give the title for your page rank badge like Page Rank or anything else. Then, paste the HTML code to the textarea. Click Save when you're ready.

The detail of these steps are available in my previous tutorial about adding visitor counter.


Manage Its Place

Like the other widgets, you can also manage its place by dragging and dropping it to your desireable place. When you're done, you can click Save.

The screenshot of this process is also available in my previous tutorial about adding visitor counter.


See It

Open your blog to see if it's work.

Tracking Visitors' Location With Traffic Map

In previous tutorial, you have known how to know the total visitors of your blog with a visitor counter. Anyway, do you want to know what country or city they came from? If you want that, you can use a tool that we call traffic map.

Get & Copy The Code

First, you have to go to http://feedjit.com/joinjs/. On that page, you will find four nice gadgets for your blog. Choose the one named Live Traffic Map and copy the HTML code.



Paste It To Your Blog

Now, you can log in to blogger. In your blogger dashboard, click Layout then click the Add Widget link and the popup window will appear. You should choose HTML/Javascript option then another popup windows will be shown. On that window, you can give the title for your traffic map like Traffic Map or another name. Then, paste the HTML code to the textarea. Click save when you're done.

You can see the detail of these steps in my previous tutorial about adding visitor counter.



Manage Its Place

You have added the traffic map to your blog. Now, you can manage its place by dragging and dropping it to your desireable place. If you feel statisfy about it, you can click Save.

You can also see the screenshot of this process in my previous tutorial about adding visitor counter.

Test It

Now, open your blog and its traffic map may be looked like this.


The red spots are the location of your visitors. If you want the detail information like country and city name, you can point to one of those red spots with your mouse.


Sunday, January 11, 2009

Adding Visitor Counter To Your Blog

Visitor counter is a web component which can inform you about how many times your website has been visited. Visitor counter is a very usefull tool to measure your website's popularity. You can also add a visitor counter to your blog to see how popular your blog is. In this tutorial, I want to show you how to add a visitor counter to your blog.

Get A Free Counter
First thing you have to do is get a free counter from the internet. In this tutorial, I use a free counter from free-counter-plus.com. To get a free counter from free-counter-plus.com, you just need to enter your website address and from what number your counter will be started. After that, choose the style of counter you preferred. See the picture below.



Copy The Code
Click on Sign Up button, then you will get the HTML code for your counter. Don't worry if you don't understand about HTML, you just need to copy that code.



Add Gadget and Paste The Code
Log in to your blog, in this example I use blogger.



In blogger dashboard, click on Layout link then the page below will be shown.



Click on Add Gadget link then the popup window below will appear.



Scroll down on that window and find HTML/Javascript option. If you have found it, click on the plus sign. After that, a window like this will be shown.



Give the title for your counter like Total Visitors or something else. Then paste the HTML code to the content textarea. If you understand about HTML, you can also costumize it. Click Save to add new gadget to your blog.

Manage Your Layout
You can decide where your visitor counter will be placed. You can do it by dragging and dropping your gadget to the appropriate place.



Click Save when you're done.

See The Result
Now, open your blog to see the result of your work.