3 Estilos de Espaços Para Publicidade no Blog - Efeito Treme, Efeito Balançando e Efeito Zoom
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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6DlpchAXrPeXFr2FoJ_lm9PYKm4paMwSlzMOJygTnEW-Gyga6ukmqR_Rg-c8qYeXZ12VFwWZoVI11g8BZqcrRkLGrb2UbRplm9rXCiUHNThPVGz-CNSPHS5362p29EsxNfcz-zFFFDK4/s314/anuncie1.jpg" height="115" width="115" /> </a> <a href="http://dicashot.blogspot.com/p/blog-page_5869.html"><img class="shake" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6DlpchAXrPeXFr2FoJ_lm9PYKm4paMwSlzMOJygTnEW-Gyga6ukmqR_Rg-c8qYeXZ12VFwWZoVI11g8BZqcrRkLGrb2UbRplm9rXCiUHNThPVGz-CNSPHS5362p29EsxNfcz-zFFFDK4/s314/anuncie1.jpg" height="115" width="115" /> </a> <a href="http://dicashot.blogspot.com/p/blog-page_5869.html"><img class="shake" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6DlpchAXrPeXFr2FoJ_lm9PYKm4paMwSlzMOJygTnEW-Gyga6ukmqR_Rg-c8qYeXZ12VFwWZoVI11g8BZqcrRkLGrb2UbRplm9rXCiUHNThPVGz-CNSPHS5362p29EsxNfcz-zFFFDK4/s314/anuncie1.jpg" height="115" width="115" /> </a> <a href="http://dicashot.blogspot.com/p/blog-page_5869.html"><img class="shake" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6DlpchAXrPeXFr2FoJ_lm9PYKm4paMwSlzMOJygTnEW-Gyga6ukmqR_Rg-c8qYeXZ12VFwWZoVI11g8BZqcrRkLGrb2UbRplm9rXCiUHNThPVGz-CNSPHS5362p29EsxNfcz-zFFFDK4/s314/anuncie1.jpg " height="115" width="115" /> </a> <a href="http://dicashot.blogspot.com/p/blog-page_5869.html"><img class="shake" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6DlpchAXrPeXFr2FoJ_lm9PYKm4paMwSlzMOJygTnEW-Gyga6ukmqR_Rg-c8qYeXZ12VFwWZoVI11g8BZqcrRkLGrb2UbRplm9rXCiUHNThPVGz-CNSPHS5362p29EsxNfcz-zFFFDK4/s314/anuncie1.jpg " height="115" width="115" /> </a> <a href="http://dicashot.blogspot.com/p/blog-page_5869.html"><img class="shake" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6DlpchAXrPeXFr2FoJ_lm9PYKm4paMwSlzMOJygTnEW-Gyga6ukmqR_Rg-c8qYeXZ12VFwWZoVI11g8BZqcrRkLGrb2UbRplm9rXCiUHNThPVGz-CNSPHS5362p29EsxNfcz-zFFFDK4/s314/anuncie1.jpg " height="115" width="115" /> </a> <a href="http://dicashot.blogspot.com/p/blog-page_5869.html"><img class="shake" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6DlpchAXrPeXFr2FoJ_lm9PYKm4paMwSlzMOJygTnEW-Gyga6ukmqR_Rg-c8qYeXZ12VFwWZoVI11g8BZqcrRkLGrb2UbRplm9rXCiUHNThPVGz-CNSPHS5362p29EsxNfcz-zFFFDK4/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6DlpchAXrPeXFr2FoJ_lm9PYKm4paMwSlzMOJygTnEW-Gyga6ukmqR_Rg-c8qYeXZ12VFwWZoVI11g8BZqcrRkLGrb2UbRplm9rXCiUHNThPVGz-CNSPHS5362p29EsxNfcz-zFFFDK4/s314/anuncie1.jpg" height="115" width="115" /> </a> <a href="http://dicashot.blogspot.com/p/blog-page_5869.html"><img class="treme" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6DlpchAXrPeXFr2FoJ_lm9PYKm4paMwSlzMOJygTnEW-Gyga6ukmqR_Rg-c8qYeXZ12VFwWZoVI11g8BZqcrRkLGrb2UbRplm9rXCiUHNThPVGz-CNSPHS5362p29EsxNfcz-zFFFDK4/s314/anuncie1.jpg" height="115" width="115" /> </a> <a href="http://dicashot.blogspot.com/p/blog-page_5869.html"><img class="treme" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6DlpchAXrPeXFr2FoJ_lm9PYKm4paMwSlzMOJygTnEW-Gyga6ukmqR_Rg-c8qYeXZ12VFwWZoVI11g8BZqcrRkLGrb2UbRplm9rXCiUHNThPVGz-CNSPHS5362p29EsxNfcz-zFFFDK4/s314/anuncie1.jpg" height="115" width="115" /> </a> <a href="http://dicashot.blogspot.com/p/blog-page_5869.html"><img class="treme" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6DlpchAXrPeXFr2FoJ_lm9PYKm4paMwSlzMOJygTnEW-Gyga6ukmqR_Rg-c8qYeXZ12VFwWZoVI11g8BZqcrRkLGrb2UbRplm9rXCiUHNThPVGz-CNSPHS5362p29EsxNfcz-zFFFDK4/s314/anuncie1.jpg " height="115" width="115" /> </a> <a href="http://dicashot.blogspot.com/p/blog-page_5869.html"><img class="treme" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6DlpchAXrPeXFr2FoJ_lm9PYKm4paMwSlzMOJygTnEW-Gyga6ukmqR_Rg-c8qYeXZ12VFwWZoVI11g8BZqcrRkLGrb2UbRplm9rXCiUHNThPVGz-CNSPHS5362p29EsxNfcz-zFFFDK4/s314/anuncie1.jpg " height="115" width="115" /> </a> <a href="http://dicashot.blogspot.com/p/blog-page_5869.html"><img class="treme" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6DlpchAXrPeXFr2FoJ_lm9PYKm4paMwSlzMOJygTnEW-Gyga6ukmqR_Rg-c8qYeXZ12VFwWZoVI11g8BZqcrRkLGrb2UbRplm9rXCiUHNThPVGz-CNSPHS5362p29EsxNfcz-zFFFDK4/s314/anuncie1.jpg " height="115" width="115" /> </a> <a href="http://dicashot.blogspot.com/p/blog-page_5869.html"><img class="treme" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6DlpchAXrPeXFr2FoJ_lm9PYKm4paMwSlzMOJygTnEW-Gyga6ukmqR_Rg-c8qYeXZ12VFwWZoVI11g8BZqcrRkLGrb2UbRplm9rXCiUHNThPVGz-CNSPHS5362p29EsxNfcz-zFFFDK4/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6DlpchAXrPeXFr2FoJ_lm9PYKm4paMwSlzMOJygTnEW-Gyga6ukmqR_Rg-c8qYeXZ12VFwWZoVI11g8BZqcrRkLGrb2UbRplm9rXCiUHNThPVGz-CNSPHS5362p29EsxNfcz-zFFFDK4/s314/anuncie1.jpg" height="115" width="115" /> </a> <a href="http://dicashot.blogspot.com/p/blog-page_5869.html"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6DlpchAXrPeXFr2FoJ_lm9PYKm4paMwSlzMOJygTnEW-Gyga6ukmqR_Rg-c8qYeXZ12VFwWZoVI11g8BZqcrRkLGrb2UbRplm9rXCiUHNThPVGz-CNSPHS5362p29EsxNfcz-zFFFDK4/s314/anuncie1.jpg" height="115" width="115" /> </a> <a href="http://dicashot.blogspot.com/p/blog-page_5869.html"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6DlpchAXrPeXFr2FoJ_lm9PYKm4paMwSlzMOJygTnEW-Gyga6ukmqR_Rg-c8qYeXZ12VFwWZoVI11g8BZqcrRkLGrb2UbRplm9rXCiUHNThPVGz-CNSPHS5362p29EsxNfcz-zFFFDK4/s314/anuncie1.jpg" height="115" width="115" /> </a> <a href="http://dicashot.blogspot.com/p/blog-page_5869.html"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6DlpchAXrPeXFr2FoJ_lm9PYKm4paMwSlzMOJygTnEW-Gyga6ukmqR_Rg-c8qYeXZ12VFwWZoVI11g8BZqcrRkLGrb2UbRplm9rXCiUHNThPVGz-CNSPHS5362p29EsxNfcz-zFFFDK4/s314/anuncie1.jpg " height="115" width="115" /> </a> <a href="http://dicashot.blogspot.com/p/blog-page_5869.html"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6DlpchAXrPeXFr2FoJ_lm9PYKm4paMwSlzMOJygTnEW-Gyga6ukmqR_Rg-c8qYeXZ12VFwWZoVI11g8BZqcrRkLGrb2UbRplm9rXCiUHNThPVGz-CNSPHS5362p29EsxNfcz-zFFFDK4/s314/anuncie1.jpg " height="115" width="115" /> </a> <a href="http://dicashot.blogspot.com/p/blog-page_5869.html"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6DlpchAXrPeXFr2FoJ_lm9PYKm4paMwSlzMOJygTnEW-Gyga6ukmqR_Rg-c8qYeXZ12VFwWZoVI11g8BZqcrRkLGrb2UbRplm9rXCiUHNThPVGz-CNSPHS5362p29EsxNfcz-zFFFDK4/s314/anuncie1.jpg " height="115" width="115" /> </a> <a href="http://dicashot.blogspot.com/p/blog-page_5869.html"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6DlpchAXrPeXFr2FoJ_lm9PYKm4paMwSlzMOJygTnEW-Gyga6ukmqR_Rg-c8qYeXZ12VFwWZoVI11g8BZqcrRkLGrb2UbRplm9rXCiUHNThPVGz-CNSPHS5362p29EsxNfcz-zFFFDK4/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.
