To chat or discuss with your visitors directly on your blog, you need to add a chat box (also called Shoutbox) in your widget. There are many free services online. In this post, I provide step-by-step guide to add a chatbox to your blog from Cbox. As other free chatbox services, you have to register an account to get the code after customizing your box. I also give you some more free chatbox websites at the end of this post.

First, go to http://cbox.ws/getone.php to resgister an account. You need to enter some of your information as below:

Username: Name of user
Password: Your password
Confirm password: re-enter your password
Email: your email address
Website: enter completely your URL
Language: Select "English"
Skin: choose your appropriate color.

Click "Create my Cbox" button.

Next, you need to customize the interface that you like by going to Cbox Options. You can resize your box (Widht, Height), change your form "Form Layout", set the number of message (Message) and the lenght of messages (Message Lenght) and much more....

 

If you'd like to change fonts and colors, go to "Colors and Fonts" menu. Besides, Cbox also provide some of emotion icons. To use the emoticon icons of Yahoo!Messenger, you can open "http://messenger.yahoo.com/emoticons.php" page to get the links and add to your box (see the below image) and click "Save". Click "New Row" to add more emoticon icons.

 

Finally, open "Quick Setup" to get code (see last image).
To add this box to your blog, login your Dashboard at blogger.com. Open "Layout", select "Add a Page Element" to create an HTML/JavaScript widget and paste the code in.

 

Here are some more free chatbox websites:

http://www.shoutmix.com/main/
http://www.shoutbox.us/
http://www.yellbox.com/
http://www.myshoutbox.com/
http://www.shout-box.com/
http://www.tag-board.com/
http://www.xatech.com/
http://www.meebo.com/

Anhvo

->Read More...

What is FEEDjit and how it works?
FEEDjit is a free widget service for Bloggers and Webmasters. Not like Google Analytics or StatCounter, FEEDjit widgets display all your blog's statitics on your site and your readers can view those information.. FEEDjit is currently providing 4 kind of widgets as:

1/ Live Traffic Feed: shows where the visitors coming from and leaving your site. Look at the below image:

2/ Live Traffic Map: display the locations of your readers on the world map. See this image:

3/ Live Recommend Reading: this is a new widget which displays all what pages are currently being viewed on your blog. See below image:

4/ Live Page Popularity: displays most viewed pages on your site. See picture:

It's very simple to get FEEDjit code and add it to your blog. Go to FEEDjit.com, click +Ad it on the top of FEEDjit widget to get the code and add it to your site. You can customize the border-color, font-color, link-color, width of widget... by selecting "Customize it" button. If you'd like to get more detail about each kind of widget, click on "Read the FAQ" button to read.
Hopefully, this post can give you some ideas about FEEDjit.

Anhvo

->Read More...

Alexa Traffic Rank is powerful tool to rank your weblog traffic if you'd like to place some ads on your site. It accurately rates the traffic rank of your site. The more visits comming, the more traffic rank you get. The advertising companies base on traffic rank of your site to issue the appoximate price for their ads.

To know your blog's traffic rank, go to www.alexa.com, type your URL in the search box and hit enter. Your traffic rank of your site is shown under your website name. Look down at Alexa Top Sites, you will see the top 3 of sites as yahoo.com, msn.com, google.com...

To get an Alexas widget to display your page rank on your blog, go to http://www.alexa.com/site/site_stats/signup. You will see some kind of Alexas widget on the page. Select what you'd like and enter your URL in the empty box. In my case, I type my blog-address: vietwebguide.com and hit enter. Get the code and embed it into my site.

Example:

Anhvo

->Read More...

If you blog contains many posts after blogging for a long time, it should requires lots of space to diplay the links on widget archive of you page. If you think the list is too long or you wanna save your space, you can shorten it by following this tip.

Look at the sample image:

As you see, this archive is pretty short and readers can view your posts on anyday. It doesn't need much space, does it? You can make this short Archive by copy and paste this section of code to your HTML Widget:

<script type="text/javascript">

home_page = "http://www.vietwebguide.com/";
timezone = "+07:00";

function submitdate(){
year = document.selectdate.year.options[document.selectdate.year.selectedIndex].value;
month = document.selectdate.month.options[document.selectdate.month.selectedIndex].value;
day = document.selectdate.day.options[document.selectdate.day.selectedIndex].value;
tmax = year+"-"+month+"-"+day+"T23:59:59"+timezone;
tmin = year+"-"+month+"-"+day+"T00:00:00"+timezone;
tlink = home_page+"search?updated-max="+encodeURIComponent(tmax)+"&updated-min="+encodeURIComponent(tmin)+"&max-results=20&arview";
if(year=="" || month=="" || day=="") {
alert("Please select a right date!"); return false;
} else {
self.location.href=tlink;
}
}
</script>
<form name="selectdate">Select a date and click <b>[Go]</b> to view posts in it: <br/> &nbsp;&nbsp;
<select name="day" size="-1">
<option value="" selected="selected">Day</option>
<option value="01">1</option>
<option value="02">2</option>
<option value="03">3</option>
<option value="04">4</option>
<option value="05">5</option>
<option value="06">6</option>
<option value="07">7</option>
<option value="08">8</option>
<option value="09">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
</select>
-
<select name="month" size="-1">
<option value="" selected="selected">Month</option>
<option value="01">1</option>
<option value="02">2</option>
<option value="003">3</option>
<option value="4">4</option>
<option value="05">5</option>
<option value="06">6</option>
<option value="07">7</option>
<option value="08">8</option>
<option value="09">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
</select>
-
<select name="year" size="-1">
<option value="" selected="selected">Year</option>

<option value="2007">2007</option>
<option value="2008">2008</option>

</select>
&rarr;
<input type="button" onclick="submitdate()" value="Go"/>
</form>

Replace the red text with your own:

home_page = "http://www.vietwebguide.com/"; : this is your home page. Dont forget add slash / at the end

.

timezone = "+07:00"; : this is time-zone of your blog setting.

<option value="2007">2007</option>
<option value="2008">2008</option>
You can add other years for this widget, example
<option value="2008">2009</option>
<option value="2008">2010</option>

Anhvo

->Read More...

Here’s a quick summary of recent fixes and changes in Blogger

• Blogger is now available in Malay! Blogger has a large base of users in Malaysia and we are excited to now bring them Blogger in their native language.
• Comment moderation can now be automatically enabled after a fixed number of days.
• Spam interstitials now let readers click through to blogs. Blog feeds optionally include your email address.

Via Blogger Buzz

->Read More...

When composing a post, you sometimes add the HTML code in your entry to illustrate some of code or making the tables simpler. If you don't make it right, the JavaScript or table does not display correctly. By default, <br/> tag is automatically added as you begin a new line when writing your post. If this mode has actived from the beginning, the displayed code should be customized to show exactly in your page.

Let's check in Settings > Formating > Convert line breaks. If Convert line breaks is set "Yes" by default, it means you don't need to add <br/> tag when writing a new paragraph because it's already done by blogger. This setting affects all of your posts. If your blog has contained many posts, then you shouldn't change that mode to "No". Otherwise, all your entries will show incorrectly due to missing <br/> tag.

So what's happening if you set "Yes" in Convert line breaks? How to show the HTML or JavaScript in your post without any errors? The answer is you must type all HTML code in the same line. Especially with JS or CSS codes, they should be written in the same line. You can also upload the displayed code on your own host and embedded it into your post by using a script.
Ex: I convert a JavaScript to myjava.js and write in my entry as the following:

<script src="http://somehost.com/myjava.js" type="text/javascript"></script>

Keep in your mind that the above code must be typed in the same line to add it anywhere in your entry.

If you can not publish your post when clicking on "Publish Post" for some reasons, a check box with message will appear to tell you why the post can not process. Sometimes, you must add more opened or closed tag to complete your post. Or you can republish again by clicking on Publish Post if the message warns you an unknown HTML code.

Anhvo

->Read More...

Have you ever concerned about your readers's IPs? Where are they from? It's so interesting if you know who are viewing your site and where they are being, isn't it? I has developed a code to help you tracking back the IPs and locations of your visitors. If somebody's visiting your site, his or her IP address will be displayed on your sidebar. This hack then opens a webpage to locate where he/she is when you click on the IP link.
The Lookup-IP-address web in this code is an example, you can replace it with another one you like. And the IP will be shown as below:

IPlooker = the first part of IP
IP is middle part.
IPlooker_last is the last part of IP address, it's blank in this case.

<p><b>Users came from:</b></p>
<p>&nbsp;-&nbsp;
<script type="text/javascript">
var IPlooker = "http://www.ip-adress.com/whois/";
var IPlooker_last = "";
</script>
<script type="text/javascript" src="http://vietwebguide2.googlepages.com/user_ip_track01.js"></script>
</p>

This section of code should be place between <body> and </body> tag

Anhvo

->Read More...