[POSTAGEM 2] Como colocar zoom na imagem

Olá pinguins, hoje vou ensinar como colocar zoom na imagem,

1. Vá em Modelo > Editar HTML > Ctrl + F e procure por " ]]></b:skin> "

2. Acima dessa tag cole o seguinte codigo:

/*--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;
}

3.Clique para "Vizualizar" para ver se deu tudo certo, se não tiver nada errado, clique em "Salvar Modelo"

 

[POSTAGEM 1]Como Colocar Toltip quadrado

Vamos ao Tutorial:

1◘  No novo Modelo do blogger va em Modelo

 

2◘  Depois va em Editar Html

 

3◘  Clique em Prosseguir

4◘  Depois de CTRL + F  e Procure Por ]]></b:skin>

5◘  Acima de ]]></b:skin> Cole todo o Código Abaixo ↓↓ e Salve o modelo.

 /*INICIO ToolTip
-------------------------*/
div#qTip {
padding: 3px;
border: 0px solid #00BFFF;   ---/* cor da borda */
border-right-width: 0px;
border-bottom-width: 0px;
display: none;
background:url(http://dl.dropbox.com/u/41516596/CODIGOS%20BLOG/TolTip%20Varios/Background%20Tooltip%20Completo%20Create.png) repeat;
color: #ffffff;  ---/* cor do texto */
font: bold 9px Verdana, Arial, sans-serif; ---/* fonte e tamanho */
text-align: left;
position: absolute;
z-index: 1000;
}
/*-------------------------
FINAL ToolTip */

6◘ Acima da tag </body> Cóle o Código Abaixo↓↓
 esta tag fica bem no final do blog

<script language='JavaScript' src='http://dl.dropbox.com/u/41516596/TEMPLATES/Template%20G--Design%20Verde/JS/ToolTip_Completo_Create.JS' type='text/JavaScript'/>

----------------------------------------------------------------

7◘  Tem lugares que não pegam se quiser que apareça em sua postagem use o codigo abaixo

colocando o codigo abaixo no html da postagem
<a href='LINK' title='DESCRIÇÃO='>NOME-DO-LINK</a>