Adding a Hit Counter to your calendar's title (or footer) is easy. Although localendar doesn't offer built-in counters, it's easy to add them to your page using a little bit of custom HTML.h3.
Find a Counter
The first thing you'll need to do is find a Web Counter on the web. Try a Google Search for ["Free Web Counter"|http://www.google.com/search?q=free+web+counter] or ["Free Web Counter No Ads"|http://www. google.com/search?q=free+web+counter+no+ads].
For this example, we're using the free counter from [GuestsCounter.com|http://www. GuestsCounter.com]. This particular counter records +unique visitors+ to a site. Other counters record the number of times a page has been viewed.h3.
Get the HTML
GuestsCounter needs almost no information to get started. Select a calendar style and optional "starting number", and then click Get Code.
The site will return some HTML for the counter:{
Code Block |
---|
...
<a href="http://guestscounter.com"> |
...
<img src="http://guestscounter.com/count.php?c_style=3&id=1296071729" border=0 alt="hit counter"></a><br> |
...
<a href="http://guestscounter.com" style="font-size:9px;">hit counter</a> |
...
{code}
...
|
Paste the HTML on your calendar
Sign into your localendar account and go to the [Options/General page|General Options].
There are fields for [Calendar Title|General Options#title] and [Calendar Footer|General Options#footer]. You can paste the HTML into either (or both!) fields, depending on where you want it to appear.{
Tip |
---|
...
The Title and Footer fields don't let you paste multi-line text. You might need to paste your HTML someplace else (like Notepad) first and remove the line breaks before pasting it into localendar. |
{tip}Click "Save General Preferences", and you're done.h3.
Success!
Your counter will now appear on your public calendar view. A live example is embedded below:
Wiki Markup |
---|
{html} |
...
<IFRAME src=" |
...
http://www.localendar.com/public/countersample" height=720 width=700 marginheight=0 marginwidth=0 scrolling=no frameborder=0 border=0></IFRAME> |
...
{html} |