.

quinta-feira

Textual description of firstImageUrl

3 Estilos de Espaços Para Publicidade no Blog - Efeito Treme, Efeito Balançando e Efeito Zoom

ACESSOS:
Deixe seu comentário


Nesta postagem compartilho com vocês está pequena área para publicidade onde vocês podem estar colocando alguns banners de parceiros. Irei Mostrar para vocês três estilos.

Para colocar a caixa no seu blogger... Entre em "Layout" - "Adicionar um gadget" - "HTML/JavaScript" e cole o estilo que você quiser










Espaços para publicidade com efeito balançando

Observação: Para que o efeito funcione, você terá que aplicar o efeito ao seu html. Veja o tutorial completo clicando aqui.
<center>
<div dir="rtl" style="text-align: right;" trbidi="on">
<div class="hovergallery">

 <a href="http://dicashot.blogspot.com/p/blog-page_5869.html"><img class="shake" src="http://3.bp.blogspot.com/_0e1GL_F32Ag/TM8S0mNj_II/AAAAAAAAAQA/F_Uv9rYLUTQ/S314/anuncie1.jpg" height="115" width="115" />
</a>

<a href="http://dicashot.blogspot.com/p/blog-page_5869.html"><img class="shake" src="http://3.bp.blogspot.com/_0e1GL_F32Ag/TM8S0mNj_II/AAAAAAAAAQA/F_Uv9rYLUTQ/S314/anuncie1.jpg" height="115" width="115" />
</a>

<a href="http://dicashot.blogspot.com/p/blog-page_5869.html"><img class="shake" src="http://3.bp.blogspot.com/_0e1GL_F32Ag/TM8S0mNj_II/AAAAAAAAAQA/F_Uv9rYLUTQ/S314/anuncie1.jpg" height="115" width="115" />
</a>

<a href="http://dicashot.blogspot.com/p/blog-page_5869.html"><img class="shake" src="http://3.bp.blogspot.com/_0e1GL_F32Ag/TM8S0mNj_II/AAAAAAAAAQA/F_Uv9rYLUTQ/S314/anuncie1.jpg
" height="115" width="115" />
</a>

<a href="http://dicashot.blogspot.com/p/blog-page_5869.html"><img class="shake" src="http://3.bp.blogspot.com/_0e1GL_F32Ag/TM8S0mNj_II/AAAAAAAAAQA/F_Uv9rYLUTQ/S314/anuncie1.jpg
" height="115" width="115" />
</a>

<a href="http://dicashot.blogspot.com/p/blog-page_5869.html"><img class="shake" src="http://3.bp.blogspot.com/_0e1GL_F32Ag/TM8S0mNj_II/AAAAAAAAAQA/F_Uv9rYLUTQ/S314/anuncie1.jpg
" height="115" width="115" />
</a>

<a href="http://dicashot.blogspot.com/p/blog-page_5869.html"><img class="shake" src="http://3.bp.blogspot.com/_0e1GL_F32Ag/TM8S0mNj_II/AAAAAAAAAQA/F_Uv9rYLUTQ/S314/anuncie1.jpg
" height="115" width="115" />
</a>
</div>                                                                                                                                                 Widget by <a href="http://dicashot.blogspot.com.br/2013/11/box-simples-para-assinar-feed-via-e.html">Dicashot</a>

Espaços para publicidade com efeito treme

Observação: Para que o efeito funcione, você terá que aplicar o efeito ao seu html. Veja o tutorial completo de como colocar o efeito treme no seu blog clicando aqui.
<center>
<div dir="rtl" style="text-align: right;" trbidi="on">
<div class="hovergallery">

 <a href="http://dicashot.blogspot.com/p/blog-page_5869.html"><img class="treme" src="http://3.bp.blogspot.com/_0e1GL_F32Ag/TM8S0mNj_II/AAAAAAAAAQA/F_Uv9rYLUTQ/S314/anuncie1.jpg" height="115" width="115" />
</a>

<a href="http://dicashot.blogspot.com/p/blog-page_5869.html"><img class="treme" src="http://3.bp.blogspot.com/_0e1GL_F32Ag/TM8S0mNj_II/AAAAAAAAAQA/F_Uv9rYLUTQ/S314/anuncie1.jpg" height="115" width="115" />
</a>

<a href="http://dicashot.blogspot.com/p/blog-page_5869.html"><img class="treme" src="http://3.bp.blogspot.com/_0e1GL_F32Ag/TM8S0mNj_II/AAAAAAAAAQA/F_Uv9rYLUTQ/S314/anuncie1.jpg" height="115" width="115" />
</a>

<a href="http://dicashot.blogspot.com/p/blog-page_5869.html"><img class="treme" src="http://3.bp.blogspot.com/_0e1GL_F32Ag/TM8S0mNj_II/AAAAAAAAAQA/F_Uv9rYLUTQ/S314/anuncie1.jpg
" height="115" width="115" />
</a>

<a href="http://dicashot.blogspot.com/p/blog-page_5869.html"><img class="treme" src="http://3.bp.blogspot.com/_0e1GL_F32Ag/TM8S0mNj_II/AAAAAAAAAQA/F_Uv9rYLUTQ/S314/anuncie1.jpg
" height="115" width="115" />
</a>

<a href="http://dicashot.blogspot.com/p/blog-page_5869.html"><img class="treme" src="http://3.bp.blogspot.com/_0e1GL_F32Ag/TM8S0mNj_II/AAAAAAAAAQA/F_Uv9rYLUTQ/S314/anuncie1.jpg
" height="115" width="115" />
</a>

<a href="http://dicashot.blogspot.com/p/blog-page_5869.html"><img class="treme" src="http://3.bp.blogspot.com/_0e1GL_F32Ag/TM8S0mNj_II/AAAAAAAAAQA/F_Uv9rYLUTQ/S314/anuncie1.jpg
" height="115" width="115" />
</a>
</div>                                                                                                                                                   Widget by <a href="http://dicashot.blogspot.com.br/2013/11/box-simples-para-assinar-feed-via-e.html">Dicashot</a>

Espaços para publicidade com efeito zoom

<center>
<div dir="rtl" style="text-align: right;" trbidi="on">
<div class="hovergallery">

 <a href="http://dicashot.blogspot.com/p/blog-page_5869.html"><img  src="http://3.bp.blogspot.com/_0e1GL_F32Ag/TM8S0mNj_II/AAAAAAAAAQA/F_Uv9rYLUTQ/S314/anuncie1.jpg" height="115" width="115" />
</a>

<a href="http://dicashot.blogspot.com/p/blog-page_5869.html"><img  src="http://3.bp.blogspot.com/_0e1GL_F32Ag/TM8S0mNj_II/AAAAAAAAAQA/F_Uv9rYLUTQ/S314/anuncie1.jpg" height="115" width="115" />
</a>

<a href="http://dicashot.blogspot.com/p/blog-page_5869.html"><img src="http://3.bp.blogspot.com/_0e1GL_F32Ag/TM8S0mNj_II/AAAAAAAAAQA/F_Uv9rYLUTQ/S314/anuncie1.jpg" height="115" width="115" />
</a>

<a href="http://dicashot.blogspot.com/p/blog-page_5869.html"><img src="http://3.bp.blogspot.com/_0e1GL_F32Ag/TM8S0mNj_II/AAAAAAAAAQA/F_Uv9rYLUTQ/S314/anuncie1.jpg
" height="115" width="115" />
</a>

<a href="http://dicashot.blogspot.com/p/blog-page_5869.html"><img  src="http://3.bp.blogspot.com/_0e1GL_F32Ag/TM8S0mNj_II/AAAAAAAAAQA/F_Uv9rYLUTQ/S314/anuncie1.jpg
" height="115" width="115" />
</a>

<a href="http://dicashot.blogspot.com/p/blog-page_5869.html"><img  src="http://3.bp.blogspot.com/_0e1GL_F32Ag/TM8S0mNj_II/AAAAAAAAAQA/F_Uv9rYLUTQ/S314/anuncie1.jpg
" height="115" width="115" />
</a>

<a href="http://dicashot.blogspot.com/p/blog-page_5869.html"><img  src="http://3.bp.blogspot.com/_0e1GL_F32Ag/TM8S0mNj_II/AAAAAAAAAQA/F_Uv9rYLUTQ/S314/anuncie1.jpg
" height="115" width="115" />
</a>

</div>
<style type="text/css"> /*Credits: Dynamic Drive CSS Library */ .hovergallery img{webkit-transform:scale(0.8); /*Webkit: Scale down image to 0.8x original size*/ -moz-transform:scale(0.8); /*Mozilla scale version*/ -o-transform:scale(0.8); /*Opera scale version*/ -webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/ -moz-transition-duration: 0.5s; /*Mozilla duration version*/ -o-transition-duration: 0.5s; /*Opera duration version*/ opacity: 0.7; /*initial opacity of images*/ margin: 0 10px 5px 0; /*margin between images*/ } .hovergallery img:hover{ -webkit-transform:scale(1.1); /*Webkit: Scale up image to 1.2x original size*/ -moz-transform:scale(1.1); /*Mozilla scale version*/ -o-transform:scale(1.1); /*Opera scale version*/ box-shadow:0px 0px 30px gray; /*CSS3 shadow: 30px blurred shadow all around image*/ -webkit-box-shadow:0px 0px 30px gray; /*Safari shadow version*/ -moz-box-shadow:0px 0px 30px gray; /*Mozilla shadow version*/ opacity: 1; } </style>
<div dir="rtl" style="text-align: right;" trbidi="on">
</div></div></center>                                                                                                                        </div>                                                                                                                                                   Widget by <a href="http://dicashot.blogspot.com.br/2013/11/box-simples-para-assinar-feed-via-e.html">Dicashot</a>

Deixe seu comentário.


Cursos Online com Certificado - Cursos 24 Horas

RESPONDA: DE 0 A 5 O QUANTO ESTE CONTEÚDO FOI ÚTIL PARA VOCÊ?
{[['']]}