Put this inside the body tag:
[code]<script language="javascript">
AUC="activate";
</script>
<div id="AUCstore" style="width:545px; height:350px; overflow:auto;"></div>[/code]
Customize this using
dont need a snap shots. here is the example:
[quote]<html>
[b]<head>[/b][color=green]
<style type="text/css">
#AUCstore
.imgblock75 img{
height:100px; <!--ur desired size-->
width:100px; <!--ur desired size-->
overflow: hidden;
border:#9bcfe7 1px solid;
margin: 0 auto;
}
.itd{
vertical-align:top;
}
.dtd{
padding-left:10px;
padding-bottom:10px;
margin-bottom:0px;
margin-left: 5px;
margin-right: 5px;
text-align:justify;
font-size: 12px;
color: #000000;
}
.title a:visited, .title a:link{
text-decoration:none;
color:#9BCFE7!important;
font-size:12px;
}
.title a:hover{
color:#9BCFE7!important;
text-decoration: none;
font-weight: bold;
}
.viewall a{
font-size: 12px;
color: #9BCFE7 !important;
text-decoration: none;
padding: 2px;
}
.viewall a:hover{
text-decoration: none;
color:#9BCFE7!important;
font-weight: bold;
}
.viewall{
text-align:center!important;
}
</style>[/color][b]
</head>
<body>[/b]
...
[color=blue]<div id="box for your comments" ...>[/color][color=red]<script language="javascript">
AUC="activate";
</script>
<div id="AUCstore" style="width:545px; height:350px; overflow:auto;"></div>[/color][color=blue]</div>[/color]
...
[b]</body>[/b]
</html>[/quote]
[color=green]Green[/color] - CSS style of auto update comments
[color=blue]Blue[/color] - Div or Cell where you want your comments to be displayed
[color=red]Red[/color] - Script for auto update comments