How To Unite All Counter Widgets Using Table Form
First of all, take a look on the following articles to know how to create the widgets:Online Visitors counter Widget
Individual Post Views Counter Widget
Unique & Total Page Views counter Widget
For Unique and Total page views counter, you need to set those become two files or scripts. You can do it by modifying the echo "document.write($visits);"; and ($unique);";. While for online visitors counter, you have to kill one of the counters, total online or online on current page, pay attention on if($user==1) and ($usera==1), there you go.
To unite all of those counter widgets you only need the page addressess, to then wear those a tag <script>, and finally put those into the table form.
Here is an example, here is mine:
<table style="border:1px solid #0000ff; cellpadding:5px; align:center; text-align:center; width:270px;height:auto;">
<tr style="background:#0000ff;color:white;text-align:center;font-weight:350;">
<th style="width:50%; height:auto; padding:10px 0px;">Statistic</th>
<th style="width:50%; height:auto; padding:10px 0px;">Total Record</th>
</tr>
<tr style="background:#eeeeee; text-align:center; width:270px;height:auto;">
<td style="width:50%; height:auto;">Website</td>
<td style="width:50%; height:auto;"><script src="http://yours.example.com/counter1.php" type="text/javascript"></script> views</td>
</tr>
<tr style="background:#dddddd; text-align:center; width:270px;height:auto;">
<td style="width:50%; height:auto;">Unique</td>
<td style="width:50%; height:auto;"><script src="http://yours.example.com/counter2.php" type="text/javascript"></script> views</td>
</tr>
<tr style="background:#eeeeee; text-align:center; width:270px;height:auto;">
<td style="width:50%; height:auto;">Current Page</td>
<td style="width:50%; height:auto;"><script src="http://yours.example.com/counter3.php" type="text/javascript"></script> views</td>
</tr>
<tr style="background:#dddddd; text-align:center; width:270px;height:auto;">
<td style="width:50%; height:auto;">Online</td>
<td style="width:50%; height:auto;"><script src="http://yours.example.com/counter4.php" type="text/javascript"></script> persons</td>
</tr>
</table>
Here to copy
<th> means header, and <td> means content.
Your widget will be like this
Statistic | Total Record |
---|---|
Website | 19655 views |
Unique | 69652 views |
Current Page | views |
Online | 14 persons |
That's it, it's very easy isn't? If you question why don't i just make it all for you, so you don't need to do anything, it's because i use the free service to host the widget. Not to mention, if you don't own the widget, you'll lose it if anytime i lose the widget, and at last you'll never find the widget again. Try to search through google, will you find the widget? I guess not, at least todays..
This is awesome. Actually i have been looking for another widget but this is great. keep sharing please :)
ReplyDeletewebsite design