[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>

Como colocar papai noel voador no blog

Olá pinguinada, hoje estarei ensinando vocês a como por um efeito bem simples, do papai noel voando pelo blog, para todos um Feliz Natal.

1º- Vá em Layout

2º- Adicionar Gadgets e coloque em HTML/Java Script

3º- Cole o seguinte codigo

<script src='http://blogparts.giffy.me/0017/parts.js' type='text/javascript'/>

Tutoriais TOP

1º- de CTRL+F e procure por ]]></b:skin>

#parceiros-top-Flyzinhoo14 {

width:1002px;

height:174px;

margin:-15px 0px 0px -10px;

background: url(http://i.imgur.com/shJw2.png) no-repeat center;

}

.parceiro1{

padding:18px;

}

.parceiro2{

padding: 0px 17px;

margin-top: -4px;

}

.parceiro3{

margin: -64px 520px;

}

.parceiro4{

margin:-142px 520px;

}

Depois acima de " <div id='content-wrapper'> " Cole o seguinte codigo:

<div id='parceiros-top-Flyzinhoo14'>

<div class='parceiro1'><a href='LINKDOBLOG' target='_blank'><img alt='' border='0' src='LINKDAIMAGEM'/></a></div>

<div class='parceiro2'><a href='LINKDOBLOG' target='_blank'><img alt='' border='0' src='LINKDAIMAGEM'/></a></div>

<div class='parceiro3'><a href='LINKDOBLOG' target='_blank'><img alt='' border='0' src='LINKDAIMAGEM'/></a></div>

<div class='parceiro4'><a href='LINKDOBLOG' target='_blank'><img alt='' border='0' src='LINKDAIMAGEM'/></a></div>

</div