Para seu blog não ficar com aquela lista de banners no template inteiro coloque esse código que vai oculpar pouco espaço e mostra todos:
Na Vertical:


<div align="center"><marquee height="300px" direction="up">BANNERS AQUI</marquee></div>
<p>

Vá em editar HTML aperte CTRL + F procure por:

]]></b:skin>

Após encontrar a linha, cole o seguinte código imediatamente acima dela:

#gb {
position:fixed;
bottom:-340px;
z-index:+1000;
right:160px;
}
* html #gb {
position:relative;
 }
.gbtab {
height:48px;
width:677px;
margin-left: 45px;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQnBZsvxtIPH3wk7eZNFXrAMi4Pc9zOnvRBv2NQQmlhcqrR_YpRcCF08ztpX5X7oVyohAfxEK00_j2gSUBxlhUcc-CFGP5p595yodp0A5KBBqrdk2acQiRuukI9_fvumpBYel0y-2PNcAq/s1600/Abrir+Xat.png') no-repeat;
margin-top:0px; }
.gbcontent { float:left; border:7px solid #000; background:#fff; -webkit-border-radius: 20px; border-radius: 20px; -khtml-border-radius: 20px; padding:8px; }

 

Agora procure por:

</body>

Cole o seguinte código imediatamente acima:

  <div id='gb'>
 <div class='gbtab' onclick='showHideGB()'>
 </div>
<div class='gbcontent'>
 <div style='line-height:0;background-position:center;width:735px;height:310px;'>
 <embed align='middle' allowscriptaccess='sameDomain' flashvars='id=183934897' height='310' name='chat' pluginspage='http://xat.com/update_flash.shtml' quality='high' src='http://www.xatech.com/web_gear/chat/chat.swf' type='application/x-shockwave-flash' width='735' wmode='transparent'/> </div>
</div>
</div>

Depois Procure por 183934897 tire e coloque o ID do seu xat.

 

Primeiramente copie esse codigo abaixo e cole antes da tag  ]]></b:skin> : } do seu template ok.

/*--Chapa Designer-- */

a:hover img {

transform: translate(0px, -4px);

-moz-transform: scale(1.1) translate(0px, -4px);

-webkit-transform: scale(1.1) translate(0px, -4px);

-ms-zoom: 1.1;

opacity: 1 !important;

-moz-opacity: 1 !important;

-webkit-transition: all 0.2s ease-in;

-moz-transition: all 0.2s ease-in;

transition: all 0.2s ease;

}

Primeiramente Vai No Seu Blog Vai Em Adicionar Um Gadget e Procura Por Html Javascript e Clica Ae Se Copia Esse Codigo Abaixo e Cola  e Pronto

<ul>

<li><a href="COLOQUE O LINK DO SITE AQUI" target="_blank">COLOQUE O NOME DO SITE AQUI</a></li>

<li><a href="COLOQUE O LINK DO SITE AQUI" target="_blank">COLOQUE O NOME DO SITE AQUI</a></li>

<li><a href="COLOQUE O LINK DO SITE AQUI" target="_blank">COLOQUE O NOME DO SITE AQUI</a></li>

<li><a href="COLOQUE O LINK DO SITE AQUI" target="_blank">COLOQUE O NOME DO SITE AQUI</a></li>

<li><a href="COLOQUE O LINK DO SITE AQUI" target="_blank">COLOQUE O NOME DO SITE AQUI</a></li>

<ul><ul></ul></ul></ul>

Espero Que Gostem Do Meu Tutorial e Comentem Ae Galera e Isso Flw.

1 Primeiramente Vai No Html Do Seu Template e Procura Pela Tag <div id='footer2'> depois que voce Achar Essa Tag Copie Esse Codigo Abaixo e Cole Antes Da Tag <div id='footer2'> Ok.

<table align='center' border='0' cellpadding='0' cellspacing='0' width='800'>

<tr>

<th background='http://i.imgur.com/Ks7my.png' height='420' scope='col'>

<table align='center' border='0' cellpadding='10' cellspacing='0' width='90%'>

<tr>

<th scope='col'><embed FlashVars='id=186511831' align='middle' allowScriptAccess='sameDomain' height='360' name='chat' pluginspage='http://xat.com/update_flash.shtml' quality='high' src='http://www.xatech.com/web_gear/chat/chat.swf' type='application/x-shockwave-flash' width='750'/><small><a href='http://xat.com/web_gear/?cb' target='_BLANK'/>

<a href='http://xat.com/web_gear/chat/go_large.php?id=186511831' target='_BLANK'/></small>

</th>

</tr>

</table></th>

</tr>

</table>

2 E Isso Galera Espero Que Gostem e Comentem e Vire Um Seguidor Do Nosso Blog.

Eaae Galera BLZ? hoje Estou Aqui Pra Esinar a Como Colocar Zoom Nas Imagen

Então Vamos La !

1º- Faça login no Blogger

2º- Vá em "Desing" - "Editar HTML" e Procure por essa Tag:

]]>

Acima dela, cole o seguinte código

/*--Zoom-Imagens-- */

a:hover img {

transform: translate(0px, -4px);

-moz-transform: scale(1.1) translate(0px, -4px);

-webkit-transform: scale(1.1) translate(0px, -4px);

-ms-zoom: 1.1;

opacity: 1 !important;

-moz-opacity: 1 !important;

-webkit-transition: all 0.2s ease-in;

-moz-transition: all 0.2s ease-in;

transition: all 0.2s ease;

}

  Depois De Um Visualizar Pra Ver Se Nada Deu Errado e se estiver tudo Ok é Só " Salvar Modelo "!

Va no painel de seu blog clique em design, adicionar gadget / html/javascript.

cole o seguinte codigo.

href="ENDEREÇO DO FEED">

style="border: 0px solid ; width: 48px; height: 48px; float: left;"

alt=""

src="http://lh5.ggpht.com/_dAGEULh1_1g/THwD-xP5n9I/AAAAAAAAEBk/1DE1CA0UtCA/rss.png">

href="ENDEREÇO DO TWITTER">

style="border: 0px solid ; padding-left: 5px; width: 48px; height: 48px;"

alt=""

src="http://lh4.ggpht.com/_dAGEULh1_1g/THwD-5SoTTI/AAAAAAAAEBo/Yh2jRrtkOeo/twitter.png">

href="ENDEREÇO DO YOUTUBE">

style="border: 0px solid ; width: 48px; height: 48px; padding-left: 5px;"

alt=""

src="http://lh3.ggpht.com/_dAGEULh1_1g/THwD-4XjHKI/AAAAAAAAEBs/waG0ImvEsQI/youtube.png">

href="ENDEREÇO DO ORKUT">

style="border: 0px solid ; width: 48px; height: 48px; padding-left: 5px;"

alt=""

src="http://lh4.ggpht.com/_dAGEULh1_1g/THwD-3vEZVI/AAAAAAAAEBg/jq-RSB5gXBc/orkut.png">

href="ENDEREÇO DO FACEBOOK">

style="border: 0px solid ; width: 48px; height: 48px; padding-left: 5px;"

alt=""

src="http://lh6.ggpht.com/_dAGEULh1_1g/THwD-vZ7bDI/AAAAAAAAEBc/4fHoPnWmq8M/facebook.png">

Os que esta destacado de rocho faça as alterações 

GOSTOU COMENTE !