martes, 24 de septiembre de 2013

Atractivo Texto Anunciate Aquí con Efecto Hover en blogger

Leave a Comment
Te mostrare como añadir un Atractivo Texto Anunciate Aquí con Efecto Hover en blogger: Mantener a los afiliados y vendedores de enlaces atentos a un diseño llamativo.A los Visitantes les gusta mucho la creatividad y la genialidad de cualquier cosa en la Web , es un problema común en estos día para algunos blogeros que ponen anuncios aburridos.

Esta relación, ayudara a agregar un estilo significativo de Publicidad de un Banner que sin duda le ayudará a conseguir un poco de generosidad de los visitantes y obtendrá una gran cantidad de posibilidades de obtener publicidad de diferentes empresas.

Ejemplo:

Como Añadir un Atractivo texto" Anunciate Aqui" con efecto Hover

  • Entra en tu cuenta Blogger .
  • Da Click en Diseño
  • Da Click Añadir un Widget en la barra de la derecha
  • Un Cuadro emergente abrira
  • Selecciona HTML/JavaScript
  • Copia el Script de abajo y pegalo en el espacio provisto.


<style>#text{-moz-transform:rotate(-5deg);-o-transform:rotate(-5deg);-webkit-transform:rotate(-5deg);color:#FFF!important;font-family:arial;font-size:60px;font-weight:300;letter-spacing:-5.5px;line-height:45px;text-align:center;margin:20px 10px}#text a{color:#333;text-shadow:1px 1px #000, 3px 3px #EEEEEE, 5px 5px #DDDDDD, 7px 7px #AAAAAA, -1px -1px #000;text-transform:lowercase;-moz-transition:all .3s ease-in 0;-webkit-transition:all .3s ease-in 0;-o-transition:all .3s ease-in 0;-kmoz-transition:all .3s ease-in 0}#text a:hover{-moz-transition:all .3s ease-in 0;-webkit-transition:all .3s ease-in 0;-o-transition:all .3s ease-in 0;-kmoz-transition:all .3s ease-in 0;text-shadow:1px 1px #000, 3px 3px #EEEEEE, 5px 5px #DDDDDD, 7px 100px transparent, -1px -100px transparent;color:transparent}inf{color:#d2a}#text a:focus,#text a:active{color:#eee!important;-moz-transition:all 0 ease-in-out!important;-o-transition:all 0 ease-in-out!important;-kmoz-transition:all 0 ease-in-out!important;-webkit-transition:all 0 ease-in-out!important}</style><br />
<div class="rent" id="text">
<a href="http://www.blogger.com/URL" target="blank"><blink>⇝</blink> Aqui un espacio disponible.<br />Contacte <inf>αdмїη para mas informacion</inf><blink>⇜</blink></a></div>

Note: Cambia la "URL" por el enlace de la pagina donde deseas redirigir a los visitantes cuando den click al anuncio.Ahora presione Guardar html/javascript y eso es todo!
If You Enjoyed This, Take 5 Seconds To Share It

0 comentarios:

Publicar un comentario