Blogger Stats

Couple of months ago, I still using some counter websites to track who/where/how my audience that come to this Outdated Penang Uncle blog. So I have to sign up for the service (yes, a lot of them are free), add the widget and after a while login to find out the statistic. For past few months, blogger added the page view tracking for all the blogspot, so even though I still have the counter at my blog, usually I just look at the "Stats" to find out my audience.


To access it: login blogger, Dashboard, Stats of the blog (if you have more than 1 blog).
"Posts" can tell us which post has highest click. "Traffic Sources" tell us where do the traffic come from, either google or twitter or your friend's blog/web, etc. The "Audience" can tell us from which country and what OS/browsers the audience using.

Here is the print screen of the Outdated Penang Uncle's Stats. For last month, the most traffic are from US and Malaysia. And IE still have most popular browsers (actually all time showed FireFox is the most browsers used), and Windows is the OS most people use.

How is your blog's traffic? Share with us here. :)

Hope you will enjoy this post, subscribe to my RSS or mailing list or follow me on blogger or twitter. :)

How to post blog post in later date and time in Blogger

1. Sign into your blogger account, usually it will take you to dashboard.
2. Click "New post" and start writing your blog post as usual.
3. Remember to click "Save Now" from time to time to avoid your post lose in nowhere because internet connection or pc/laptop/mac/phone problem.
4. Before press "Publish Post" button, click on "Post Options" on the bottom left of the box where you compose the post.
5. Change the date and time on the boxes below "Post date and time" to the date/time that you want this post to be publish. (You can also choose to allow reader comments or not).
6. After you finish set the date and time, click "Publish Post".
7. Then it will go to the list of blog post, the post that you write just now will have "scheduled" word next to it indicating it haven't being publish yet.

Enjoy!


Hope you will enjoy this post, subscribe to my RSS or mailing list or follow me on blogger or twitter. :)

How To Put Picture Side by Side in Blogspot or Blogger?

Hi blogger out there, sometime we have pictures or photos to insert into our blog posting, however you should noticed that the pictures or photos cannot be placed side by side, and I did try to changed the setting during uploading the pictures to blogger, but it didn't help at all! After some googling, I found out that the option to place pictures side by side is not available in control panel for unknown reason. The easy part is to do HTML coding. 'HUH? how am I going to do that?!' you might have this thought, don't worry, this is very easy. For those already have experience with HTML, this is piece of cake! You can either use free image hosting site or upload the picture first to blogger and then make the HTML code changes, your choice.

Okay, lets go do it!

Method one - host your image from image hosting site



Step 1
Go to your blogger dashboard and create post, usually it will automatically in Compose mode. Click on HTML tab to see in HTML mode, it is because the Compose tab. It is at the right hand side, just above the tool section.

Step 2
Copy and paste the following code into the HTML tab:
<table><tbody> <tr> <td><img src="insert your picture/photo link here" border="0" /></a></td><td><img src="insert your picture/photo link here" border="0" /></a></td></tr> </tbody></table>

Replace the "insert your picture/photo link here" here with your own link.
Example:
<table><tbody> <tr> <td><img src="http://www.google.com.my/images/nav_logo6.png" border="0" /></a></td><td><img src="http://www.google.com.my/images/nav_logo7.png" border="0" /></a></td></tr> </tbody></table>

Step 3
Now you can check the images by clicking on the Compose tab. Or use the Preview link, which is just below the Compose tab.


Method two - host your image from blogger/blogspot

Step 1
Same as Method one stated above, but instead of uploading the photo to image hosting site, upload the photos/pictures to blogger first. Go to HTML tab, you will find some code looks like below:
<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWpVh4TOl5iGSnY5S9X9TE69BjP25wNe-eC6K6gyDhpQksaLWXl6xyeth6ZFYa1Jt91_ti_x3qn67kBM7NaHGMm5D_nSaJ34LWmIgKxKNGnpxAwIhRnV3PA8-soTEON6UBn2x81URxJgo9/s1600-h/DSC_4652_edit2.jpgxyz"><img style="cursor: pointer; width: 79px; height: 77px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWpVh4TOl5iGSnY5S9X9TE69BjP25wNe-eC6K6gyDhpQksaLWXl6xyeth6ZFYa1Jt91_ti_x3qn67kBM7NaHGMm5D_nSaJ34LWmIgKxKNGnpxAwIhRnV3PA8-soTEON6UBn2x81URxJgo9/s400/DSC_4652_edit2.jpg" alt="" id="BLOGGER_PHOTO_ID_5432092158227302002" border="0" /></a>

Step 2
Copy the link right after the first "href="" until the next """ and put it into the table that I showed in Method 1.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWpVh4TOl5iGSnY5S9X9TE69BjP25wNe-eC6K6gyDhpQksaLWXl6xyeth6ZFYa1Jt91_ti_x3qn67kBM7NaHGMm5D_nSaJ34LWmIgKxKNGnpxAwIhRnV3PA8-soTEON6UBn2x81URxJgo9/s1600-h/DSC_4652_edit2.jpgxyz


Note:
1. It is always good to insert the pictures/photos first and then write your blog post, because it can be very tricky to look at the HTML code once you have start writing it.
2. It can be quite confusing, especially if you are not familiar with HTML, and errors can make the whole post unreadable, so please help yourself by start with inserting photos/pictures first and then compose the post.
3. A few time of trying definitely will get yourself more familiar.


Finally, publish your post!

Good luck! :-)


p/s: for more tutorial on this blog, click here
Hope you will enjoy this post, subscribe to my RSS or mailing list or follow me on blogger or twitter. :)