В то место, где вы бы хотели видеть этот рейтинг, вставляете вот этот код:

<div style="width: 120px;"> 
 <?if($RATE_FORM$)?> 
 <a href="#" title="Минуснуть" onclick="rateForm(-1,$ID$);return false"> 
 <div class="photo_m">−</div></a><?else?> 
 <a title="Вы не можете минусовать"> 
 <div class="photo_m">−</div></a><?endif?> 

 <?if($RATE_FORM$)?> 
 <a href="#" title="Плюсануть" onclick="rateForm(1,$ID$);return false"> 
 <div class="photo_p">+</div></a><?else?> 
 <a title="Вы не можете плюсовать"> 
 <div class="photo_p">+</div></a><?endif?> 

 <?if($RATING$*$RATED$-2*$RATED$='0')?><div class="photo_null"><?endif?> 
 <?if($RATING$*$RATED$-2*$RATED$>0)?><div class="photo_plus"><?endif?> 
 <?if($RATING$*$RATED$-2*$RATED$<0)?><div class="photo_minus"><?endif?> 
 <span title="Голосов: $RATED$" id="rate_$ID$"> 
 <script type="text/javascript">document.write(Math.round(<?($RATING$*$RATED$)?>)-<?2*$RATED$?>)</script> 
 <script type="text/javascript" src="http://helper.ucoz.ru/_ld/0/47_rate.js"></script> 
 </span> 
 </div> 
 </div>

А в свой основной CSS всявляете вот эти классы:

.photo_m { 
 text-shadow: white 0px 0px 3px; 
 background-color: #38434D; 
 border-width: 1px 0px 1px 1px; 
 border-style: solid; 
 border-color: #303B45; 
 color: #000000; 
 float: left; 
 font-size: 20pt; 
 height: 36px; 
 width: 30px; 
 text-align: center; 
 line-height: 31px; 
 vertical-align: middle;} 

 .photo_p { 
 text-shadow: white 0px 0px 3px; 
 background-color: #38434D; 
 border-width: 1px 1px 1px 0px; 
 border-style: solid; 
 border-color: #303B45; 
 color: #000000; 
 float: right; 
 font-size: 20pt; 
 height: 36px; 
 width: 30px; 
 text-align: center; 
 line-height: 31px; 
 vertical-align: middle;} 

 .photo_null { 
 background-color: #919191; 
 border-width: 1px 1px 1px 1px; 
 border-style: solid; 
 border-color: #303B45; 
 color: #000000; 
 float: right; 
 font-size: 22pt; 
 height: 36px; 
 width: 56px; 
 text-align: center; 
 line-height: 36px; 
 vertical-align: middle;} 

 .photo_plus { 
 background-color: #1b881b; 
 border-width: 1px 1px 1px 1px; 
 border-style: solid; 
 border-color: #303B45; 
 color: #000000; 
 float: right; 
 font-size: 22pt; 
 height: 36px; 
 width: 56px; 
 text-align: center; 
 line-height: 36px; 
 vertical-align: middle;} 

 .photo_minus { 
 background-color: #eb4600; 
 border-width: 1px 1px 1px 1px; 
 border-style: solid; 
 border-color: #303B45; 
 color: #000000; 
 float: right; 
 font-size: 22pt; 
 height: 36px; 
 width: 56px; 
 text-align: center; 
 line-height: 36px; 
 vertical-align: middle;} 

 .photo_p:hover {background: #1b881b; color: #085408;} 
 .photo_null:hover {background: #aaaaaa; color: #efefef;} 
 .photo_minus:hover {background: #9d9d9d; color: #b11818;} 
 .photo_plus:hover {background: #9d9d9d; color: #106f09;} 
 .photo_m:hover {background: #eb4600; color: #70000c;}

Если нужно подкрутить размеры или изменить цвета - все они четко прописаны в CSS-стилях (указанных выше), настраивайте как вам угодно!