[TUTORIAL]Como fazer Habbo imager para um fórum[TUTORIAL]

<div class="clear"></div>
<div id="HTML1" class="widget HTML">
<h2 class="title">Habbo Imager</h2>

<div class="widget-content">
<center>


<!--
BODY {
scrollbar-face-color: FFFFFF;
scrollbar-highlight-color: 0099FF;
scrollbar-3dlight-color: FFFFFF;
scrollbar-darkshadow-color: FFFFFF;
scrollbar-shadow-color: 0099FF;
scrollbar-arrow-color: 0099FF;
scrollbar-track-color: 0099FF;
}
-->



<script language="javascript">
<!--
var hi_list = [4,0,4,0,0,0,0,0,0,0,0,0,0,0];
var hi_act_list = [0,"wav","sit","wlk"];
var hi_gest_list = [0,"sml","sad","agr","spk","srp"];
var n_src = "";
var act_pos = "";
var user = "gugu136";
var loc = "com.br";

function ch_user(){
user = window.document.getElementById("input_name").value;
changeimg(6);
}

function ch_loc(){
loc = window.document.getElementById("input_loc").value;
changeimg(6);
}

function changeimg(act,a){

switch (a){
case 0: hi_list[act] = hi_list[act]+1;
if(hi_list[act] > {hi_list[act] = 1;}
break;
case 1: hi_list[act] = hi_list[act]-1;
if(hi_list[act] < 1){hi_list[act] = 8;}
break;
case 2: hi_list[act] = hi_list[act]+1;
if(hi_list[act] > 5){hi_list[act] = 0;}
break;
case 3: hi_list[act] = hi_list[act]-1;
if(hi_list[act] < 0){hi_list[act] = 5;}
break;
case 4: hi_list[act] = hi_list[act]+1;
if(hi_list[act] > 3){hi_list[act] = 0;}
break;
case 5: hi_list[act] = hi_list[act]-1;
if(hi_list[act] < 0){hi_list[act] = 3;}
break;
}

n_src = 'http://www.habbo.'+loc+'/habbo-imaging/avatarimage?user='+user+'&action='+hi_act_list[hi_list[3]]+'&direction='+hi_list[2]+'&head_direction='+hi_list[0]+'&img_format=gif&gesture='+hi_gest_list[hi_list[1]];
window.document.images['habboimg'].src = n_src;
window.document.getElementById("img_link").href = n_src;
url.result.value = 'http://www.habbo.'+loc+'/habbo-imaging/avatarimage?user='+user+'&action='+hi_act_list[hi_list[3]]+'&direction='+hi_list[2]+'&head_direction='+hi_list[0]+'&gesture='+hi_gest_list[hi_list[1]]+'&img_format=gif';


switch(hi_list[3]){
case 0: act_pos = "-11px -68px";
break;
case 1: act_pos = "-25px -18px";
break;
case 2: act_pos = "-11px -63px";
break;
case 3: act_pos = "-11px -68px";
break;
}

}

-->
</script>
<p>


</p>
<table id="table1" cellspacing="0" cellpadding="0" width="2" height="25">
<center>
<tbody>

<tr>
<td width="132">
<p align="center"><img alt="" src="http://www.habbo.com.br/habbo-imaging/avatarimage?user=gugu136&amp;action=0&amp;direction=4&amp;head_direction=4&amp;img_format=gif&amp;gesture=0" name="habboimg"/></p>
<center></center></td>
</tr>
</tbody>
</center>
</table>
<table id="table2" cellpadding="2" width="134" align="center">

<tbody>
<tr>
<td width="24" height="25"><img style="cursor: pointer" width="22" alt="" src="https://2img.net/h/i193.photobucket.com/albums/z232/brunoricardo/KA.gif" height="27" onclick="javascript:changeimg(0,0);"/></td>
<td width="70" height="25" align="center"><strong><font face="Verdana" size="1">Cabe&ccedil;a</font></strong></td>
<td width="22" height="25"><img style="cursor: pointer" alt="" width="22" src="https://2img.net/h/i193.photobucket.com/albums/z232/brunoricardo/LA-1.gif" height="27" onclick="javascript:changeimg(0,1);"/></td>
</tr>
<tr>
<td width="24" height="14"><img style="cursor: pointer" alt="" width="22" src="https://2img.net/h/i193.photobucket.com/albums/z232/brunoricardo/aadsad.gif" height="27" onclick="javascript:changeimg(2,0);"/></td>

<td width="70" height="14" align="center"><strong><font face="Verdana" size="1">Corpo</font></strong></td>
<td width="22" height="14"><img style="cursor: pointer" alt="" width="22" src="https://2img.net/h/i193.photobucket.com/albums/z232/brunoricardo/la.gif" height="27" onclick="javascript:changeimg(2,1);"/></td>
</tr>
<tr>
<td width="24" height="14"><img style="cursor: pointer" alt="" width="22" src="https://2img.net/h/i193.photobucket.com/albums/z232/brunoricardo/aadsad.gif" height="27" onclick="javascript:changeimg(3,3);"/></td>
<td width="70" height="14" align="center"><font face="Verdana" size="1"><strong>A&ccedil;&atilde;o</strong></font></td>
<td width="22" height="14"><img style="cursor: pointer" alt="" width="22" src="https://2img.net/h/i193.photobucket.com/albums/z232/brunoricardo/la.gif" height="27" onclick="javascript:changeimg(3,4);"/></td>

</tr>
<tr>
<td width="24" height="14"><img style="cursor: pointer" alt="" width="22" src="https://2img.net/h/i193.photobucket.com/albums/z232/brunoricardo/aadsad.gif" height="27" onclick="javascript:changeimg(1,2);"/></td>
<td width="70" height="14" align="center"><font face="Verdana" size="1"><strong>Express&atilde;o</strong></font></td>
<td width="22" height="14"><img style="cursor: pointer" alt="" width="22" src="https://2img.net/h/i193.photobucket.com/albums/z232/brunoricardo/la.gif" height="27" onclick="javascript:changeimg(1,3);"/></td>
</tr>
</tbody>
</table>

<div align="center">&nbsp;</div>
<p align="center"><font size="1"><a id="img_link" target="_blank" href="http://www.habbo.com.br/habbo-imaging/avatarimage?usergugu136&amp;action=0&amp;direction=4&amp;head_direction=3&amp;img_format=gif&amp;gesture=0">URL DA IMAGEM</a></font></p>
<p>&nbsp;</p>
<table id="table3" cellspacing="0" cellpadding="0" width="7%" height="48">
<tbody>
<tr>
<td valign="top" width="16%" height="30" align="center"><font size="1"><strong><font face="Verdana">Nome Habbo:</font></strong><br/>

</font><input id="input_name" onchange="javascript:ch_user();" style="padding-right: 0pt; padding-left: 0pt; font-weight: normal; font-size: 10px; padding-bottom: 0pt; margin: 0pt; padding-top: 0pt; font-family: Verdana,Arial,Helvetica,sans-serif" value="gugu136" name="ht_input_name" type="text"/></td>
<td valign="top" width="18%" height="30" align="center"><font size="1"><strong><font face="Verdana">Hotel:</font></strong><br/>
</font><select id="input_loc" onchange="javascript:ch_loc();" style="font-weight: normal; font-size: 10px; font-family: Verdana,Arial,Helvetica,sans-serif" name="loc">
<option selected="selected" value="com.br"/>Habbo BR
<option value="co.uk"/>Habbo UK
<option value="com.au"/>Habbo AU
<option value="pt"/>Habbo PT
<option value="jp"/>Habbo JP
<option value="com"/>Habbo EUA
<option value="com.co"/>Habbo ES
<option value="com.au"/>Habbo AU
<option value="com.sg"/>Habbo SG
<option value="it"/>Habbo IT
<option value="fr"/>Habbo FR
<option value="com.au"/>Habbo AU
<option value="ca"/>Habbo CA
</select></td>

</tr>
<tr>
<td valign="top" width="33%" colspan="2" height="18" align="center">&nbsp;</td>
</tr>
</tbody>
</table>
<p><font size="1"><script type="text/javascript">
UpdateFigure();
</script></font></p>
<div id="empty">&nbsp;</div>

<p>&nbsp;</p>
<div id="box-bot">&nbsp;</div>
<p align="left">&nbsp;</p>
</center>
</div>
<div class="clear"></div>
<span class="widget-item-control">
<span class="item-control blog-admin">
<a )); html1 class="quickedit" href="http://www.blogger.com/rearrange?blogID=3888940434501119084&widgetType=HTML&widgetId=HTML1&action=editWidget" target="configHTML1" onclick="return _WidgetManager._PopupConfig(document.getElementById(" title="Editar">
<img alt="" width="18" src="http://img1.blogblog.com/img/icon18_wrench_allbkg.png" height="18"/>
</a>
</span>
</span>

<div class="clear"></div>
</div>

<!-- spacer for skins that want sidebar and main to be the same height-->
<div class="clear"> </div>

<!-- end content-wrapper -->
<div id="footer-wrapper">
<div id="footer" class="footer section"></div>
</div>

<!-- end outer-wrapper -->
<script src="http://www.blogger.com/static/v1/widgets/1718410760-widgets.js" type="text/javascript"></script>
<script type="text/javascript">
_WidgetManager._Init('http://www.blogger.com/rearrange?blogID=3888940434501119084', 'http://gugu136.blogspot.com/','3888940434501119084');
_WidgetManager._SetPageActionUrl('http://www.blogger.com/display?blogID=3888940434501119084', 'Mc0UCYcC-v4Bz32UOXu_9ssbE1E:1250189996917');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'title': 'Habbo Imager', 'pageType': 'index', 'url': 'http://gugu136.blogspot.com/', 'homepageUrl': 'http://gugu136.blogspot.com/', 'enabledCommentProfileImages': false, 'searchLabel': '', 'searchQuery': '', 'pageName': '', 'pageTitle': 'Habbo Imager', 'encoding': 'UTF-8', 'locale': 'pt-BR', 'isPrivate': false, 'languageDirection': 'ltr', 'feedLinks': '\74link rel\75\42alternate\42 type\75\42application/atom+xml\42 title\75\42Habbo Imager - Atom\42 href\75\42http://blogdocreps-habboimager.blogspot.com/feeds/posts/default\42 /\76\n\74link rel\75\42alternate\42 type\75\42application/rss+xml\42 title\75\42Habbo Imager - RSS\42 href\75\42http://blogdocreps-habboimager.blogspot.com/feeds/posts/default?alt\75rss\42 /\76\n\74link rel\75\42service.post\42 type\75\42application/atom+xml\42 title\75\42Habbo Imager - Atom\42 href\75\42http://www.blogger.com/feeds/3888940434501119084/posts/default\42 /\76\n\74link rel\75\42EditURI\42 type\75\42application/rsd+xml\42 title\75\42RSD\42 href\75\42http://www.blogger.com/rsd.g?blogID\0753888940434501119084\42 /\076', 'meTag': '\74link rel\75\42me\42 href\75\42http://www.blogger.com/profile/05228785749451557038\42 /\76\n', 'openIdOpTag': '\74link rel\75\42openid.server\42 href\75\42http://www.blogger.com/openid-server.g\42 /\76\n', 'latencyHeadScript': '\74script type\75\42text/javascript\42\76(function() { var a\75window;function f(e){this.t\75{};this.tick\75function(d,b,c){var i\75c?c:(new Date).getTime();this.t[d]\75[i,b]};this.tick(\42start\42,null,e)}var g\75new f;a.jstiming\75{Timer:f,load:g};try{a.jstiming.pt\75a.external.pageT}catch(h){};a.tickAboveFold\75function(e){var d,b\75e,c\0750;if(b.offsetParent){do c+\75b.offsetTop;while(b\75b.offsetParent)}d\75c;d\74\075750\46\46a.jstiming.load.tick(\42aft\42)};var j\75false;function k(){if(!j){j\75true;a.jstiming.load.tick(\42firstScrollTime\42)}}a.addEventListener?a.addEventListener(\42scroll\42,k,false):a.attachEvent(\42onscroll\42,k); })();\74/script\076'}}]);
_WidgetManager._SetSystemMarkup({'layout': {'varName': '', 'template': '\74div class\75\47widget-wrap1\47\76\n\74div class\75\47widget-wrap2\47\76\n\74div class\75\47widget-wrap3\47\76\n\74div class\75\47widget-content\47\76\n\74div class\75\47layout-title\47\76\74data:layout-title\76\74/data:layout-title\76\74/div\76\n\74a class\75\47editlink\47 expr:href\75\47data:widget.quickEditUrl\47 expr:onclick\75\47\46quot;return _WidgetManager._PopupConfig(document.getElementById(\\\46quot;\46quot; + data:widget.instanceId + \46quot;\\\46quot;));\46quot;\47 target\75\47chooseWidget\47\76\74data:edit-link\76\74/data:edit-link\76\74/a\76\n\74/div\76\n\74/div\76\n\74/div\76\n\74/div\076'}, 'quickedit': {'varName': '', 'template': '\74div class\75\47clear\47\76\74/div\76\n\74span class\75\47widget-item-control\47\76\n\74span class\75\47item-control blog-admin\47\76\n\74a class\75\47quickedit\47 expr:href\75\47data:widget.quickEditUrl\47 expr:onclick\75\47\46quot;return _WidgetManager._PopupConfig(document.getElementById(\\\46quot;\46quot; + data:widget.instanceId + \46quot;\\\46quot;));\46quot;\47 expr:target\75\47\46quot;config\46quot; + data:widget.instanceId\47 expr:title\75\47data:edit-link\47\76\n\74img alt\75\47\47 height\75\04718\47 src\75\47http://img1.blogblog.com/img/icon18_wrench_allbkg.png\47 width\75\04718\47/\76\n\74/a\76\n\74/span\76\n\74/span\76\n\74div class\75\47clear\47\76\74/div\076'}, 'all-head-content': {'varName': 'page', 'template': '\74data:blog.latencyHeadScript\76\74/data:blog.latencyHeadScript\76\n\74meta expr:content\75\47\46quot;text/html; charset\75\46quot; + data:page.encoding\47 http-equiv\75\47Content-Type\47/\76\n\74meta content\75\47true\47 name\75\47MSSmartTagsPreventParsing\47/\76\n\74meta content\75\47blogger\47 name\75\47generator\47/\76\n\74link href\75\47http://www.blogger.com/favicon.ico\47 rel\75\47icon\47 type\75\47image/vnd.microsoft.icon\47/\76\n\74link expr:href\75\47data:blog.url\47 rel\75\47canonical\47/\76\n\74data:blog.feedLinks\76\74/data:blog.feedLinks\76\n\74data:blog.meTag\76\74/data:blog.meTag\76\n\74data:blog.openIdOpTag\76\74/data:blog.openIdOpTag\76\n\74b:if cond\75\47data:page.isPrivate\47\76\n\74meta content\75\47NOINDEX,NOFOLLOW\47 name\75\47robots\47/\76\n\74/b:if\076'}});
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML3', 'sidebar',{'main': {'varName': '', 'template': '\74b:if cond\75\47data:title !\75 \46quot;\46quot;\47\76\n\74h2 class\75\47title\47\76\74data:title\76\74/data:title\76\74/h2\76\n\74/b:if\76\n\74div class\75\47widget-content\47\76\n\74data:content\76\74/data:content\76\n\74/div\76\n\74b:include name\75\47quickedit\47\76\74/b:include\076'}}, document.getElementById('HTML3'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML2', 'sidebar',{'main': {'varName': '', 'template': '\74b:if cond\75\47data:title !\75 \46quot;\46quot;\47\76\n\74h2 class\75\47title\47\76\74data:title\76\74/data:title\76\74/h2\76\n\74/b:if\76\n\74div class\75\47widget-content\47\76\n\74data:content\76\74/data:content\76\n\74/div\76\n\74b:include name\75\47quickedit\47\76\74/b:include\076'}}, document.getElementById('HTML2'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'sidebar',{'main': {'varName': '', 'template': '\74b:if cond\75\47data:title !\75 \46quot;\46quot;\47\76\n\74h2 class\75\47title\47\76\74data:title\76\74/data:title\76\74/h2\76\n\74/b:if\76\n\74div class\75\47widget-content\47\76\n\74data:content\76\74/data:content\76\n\74/div\76\n\74b:include name\75\47quickedit\47\76\74/b:include\076'}}, document.getElementById('HTML1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header'));
_WidgetManager._RegisterWidget('_NavbarView', new _WidgetInfo('Navbar1', 'navbar'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main'));
</script>