Mostrando las entradas con la etiqueta Anuncios en blogger. Mostrar todas las entradas
Mostrando las entradas con la etiqueta Anuncios en blogger. Mostrar todas las entradas

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!
Read More

jueves, 12 de septiembre de 2013

Como Añadir Widget de Anuncio Texto Personalizado En Blogger

Leave a Comment
En este articulo te mostrare como añadir un widget de Anuncio Cuadrado de Texto personalizado a tu blog de blogger.Muchos de nosotros hemos visto este tipo de anuncios parecidos a los de Anuncios de Google Adsense de texto en muchos sitios web o blogs en la red.

 Lo particular de este widget es que puedes editar a tu gusto todo ejemplo los colores,el texto del titulo, la Descripcion, el proveedor del anuncio etc. etc. Digamos que tu vendes enlaces de texto en tu blog pues este widget te conviene.

Ejemplo:

Añadir este Widget


1.Entra en tu cuenta de blogger>Selecciona el blog > Diseño > A;adir un Widget >seleciona HTML/JavaScript. Pega el codigo de abajo en cuadro disponible.


<style>
#ads_ppc {text-align: left; width:280px; height:300px; padding:5px; margin:0px;border:1px solid #1a4d86}
</style>
<div id='ads_ppc'>
<a style="text-decoration: underline; padding: 15; font-size: 12px; color:blue;" href="http://www.tuenlaceaqui.com/" target="_blank" title="Tu Titulo"><strong>Nombre de Enlace Grande</strong></a><br />
<span style="font:11px verdana;">Tu Descripcion Aqui</span><br />
<a style="font-size: 9px;color:#b0130d;" href="http://www.rockingtemplates.com/" target="_blank" title="Titulo Enlace">Nombre Enlace Pequeño</a><br/><br/>

<a style="text-decoration: underline; padding: 15; font-size: 12px; color:blue;" href="http://www.tuenlacevaaqui.com/" target="_blank" title="YourTitle"><strong>Nombre Enlace Grande</strong></a><br />
<span style="font:11px verdana;">Tu Descripcion Aqui</span><br />
<a style="font-size: 9px;color:#b0130d;" href="http://www.rockingtemplates.com/" target="_blank" title="Titulo  Enlace">Nombre Enlace Pequeño</a><br/><br/>

<a style="text-decoration: underline; padding: 15; font-size: 12px; color:blue;" href="http://www.tuenlace va aqui.com/" target="_blank" title="YourTitle"><strong>Nombre Enlace Grande</strong></a><br />
<span style="font:11px verdana;">Tu Descripcion Aqui</span><br />
<a style="font-size: 9px;color:#b0130d;" href="http://www.rockingtemplates.com/" target="_blank" title="Titulo Enlace">Nombre Enlace Pequeño</a><br/><br/>

<a style="text-decoration: none; padding: 15; font-size: 12px; float: right;color:#b0130d;" href="http://www.ciudadblogger.info/" target="_blank" title="Creators Link"><small>Anuncio por CBB</small></a><br />
</div>


Cambia los numeros en  rojo segun el ancho de barra del lado. Cambia otras cosas como Enlaces, Titulo, Nombre de Enlace etc. con tu texto deseado. 
Guarda el Widget y Guarda la Plantilla.

Todo listo. Ahora tu y tus visitantes podran ver este anuncio personalizado en tu blog de blogger.
Enhanced by Zemanta
Read More

jueves, 1 de agosto de 2013

Como Insertar Banner De 4 Anuncios 125x125 En Blog De Blogger

Leave a Comment
Como Insertar Banner De 4 Anuncios 125x125 En Blog De Blogger
En este tutorial te mostrare como insertar un Banner de 125x125 en un solo lugar en blog de blogger. Ahi podras poner anuncios que tengan que ver con tu negocio o cualquier otro anuncio de cualquier afiliado que desee anunciarse en tu blog.

Para insertar estos espacios en blog de blogger solo sigue estos simples pasos.

1. Entra en tu cuenta de blogger
2. Da click en Diseño
3. Selecciona Añadir un Gadget.
4. Escoje  HTML/JAVASCRIPT.
 5. Copie el codigo de abajo y peguelo en el espacio de Html.Javascript.
 <center><table border="0"><tr>
<th width="126" height="126" align="left"><a href="URL"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix6-bywGZt1lL42VKf9_UwpAexuTd-iAOY04wqopowulai2_l_JyC4gaAvdoDBRvCVuLI-tIy3FihRicpaHQNO0YCuS6vAi4cqlPmmD_UMg2aO90qpEmfMOIOB-65EJ0V5YXCITifIC8E/s1600/125x125-banner-ad.jpg"/></a></th>
<th width="126" height="126" align="right"><a href="URL"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix6-bywGZt1lL42VKf9_UwpAexuTd-iAOY04wqopowulai2_l_JyC4gaAvdoDBRvCVuLI-tIy3FihRicpaHQNO0YCuS6vAi4cqlPmmD_UMg2aO90qpEmfMOIOB-65EJ0V5YXCITifIC8E/s1600/125x125-banner-ad.jpg"/></a></th>
</tr><tr>
<td width="126" height="126" align="left"><a href="URL"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix6-bywGZt1lL42VKf9_UwpAexuTd-iAOY04wqopowulai2_l_JyC4gaAvdoDBRvCVuLI-tIy3FihRicpaHQNO0YCuS6vAi4cqlPmmD_UMg2aO90qpEmfMOIOB-65EJ0V5YXCITifIC8E/s1600/125x125-banner-ad.jpg"/></a></td>
<td width="126" height="126" align="right"><a href="URL"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix6-bywGZt1lL42VKf9_UwpAexuTd-iAOY04wqopowulai2_l_JyC4gaAvdoDBRvCVuLI-tIy3FihRicpaHQNO0YCuS6vAi4cqlPmmD_UMg2aO90qpEmfMOIOB-65EJ0V5YXCITifIC8E/s1600/125x125-banner-ad.jpg"/></a></td>
</tr></table></center>
6. Guarda ahora tu Html/javascript y listo! 
Ejemplo Imagen Aparecera este cuadro que dice:
 
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix6-bywGZt1lL42VKf9_UwpAexuTd-iAOY04wqopowulai2_l_JyC4gaAvdoDBRvCVuLI-tIy3FihRicpaHQNO0YCuS6vAi4cqlPmmD_UMg2aO90qpEmfMOIOB-65EJ0V5YXCITifIC8E/s1600/125x125-banner-ad.jpg

Customizacion :
Cambia el codigo rezaltado en Enlace Imagen Azul con tu enlace de Imagen de 125x125
LA URL direccion de la pagina a donde redigiras al visitante.
Nota:
1. Tambien puedes usar Codigos de Anuncios en lugar de Enlace de Imagen
2. Puedes insertar ambos codigos en en Iframe en basado en java  .
Read More