Cómo Agregar un Cuadro de Anuncios en Blogger

La visualización o creación de espacios publicitarios en forma de banner en un sitio web como blogger se suele utilizar como una oportunidad de negocio colocando enlaces hacia blogs o sitios web externos, se utiliza mas este tipo de banner de publicidad en blogs que tienen muchos visitantes y son populares en los motores de búsqueda,  no descartamos la posibilidad de que los anunciantes puedan ofrecer colocar sus anuncios en nuestro blog con sus enlaces de referencia. 

Si está interesado en proporcionar o crear un cuadro de anuncios en un blog, siga el siguiente tutorial de como integrar un cuadro de anuncios para blogger. 

Antes de crear un cuadro de anuncios en blogger, las cosas que deben tenerse en cuenta al mostrar el espacio de banner publicitario bien ubicado pueda que atraiga el interés de muchas personas. por ese motivo debemos colocar una imagen atractiva para el usuario visitante. Este cuadro de anuncios consta de 4 espacios para banners individuales (Pero puede agregarle mas bloques de publicidad).

1º Inicie sesión en Blogger / Tema / Editar HTML  Luego agregue el código a continuación antes del cierre del código ]]></b:skin>  o  </style> y guardar los cambios.

/* Caja Publicidad */
.box_ads {text-align: center;}
.box_ads  img {margin:0px 5px 5px 0px;padding:5px;text-align:center;border:1px solid #ddd;}
.box_ads  img:hover {border:1px solid #aaa}
.box_ads  img.noborder {border:1px;}

2º Luego hacer clic en Diseño / Agregar un Gadget / HTML  JavaScript  ingresar el siguiente código en el nuevo widget. Preste mucha atención al código marcado, complete todo con su propia descripción y enlaces url.

<center>
<div class="box_ads">
<a href="URL WEBSITE" rel="nofollow noopener" target="_blank" title="SPONSOR"><img class="noborder" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIlk1inlVOd0Q20BnxGWqV2_co1oJHeLcqiiTKODtZC-dJGRjhB-HlyLdW1yQo5Mj-p2b6vlz7gcSXIjQwVUinGKa3aogmCl8f7wR9GBK3TVDveRlhOh3R766Uft1mfJNrikrMXJc4zybV/s125/sponsor.png" alt="alt gambar" width="125" height="125" /></a>

<a href="URL WEBSITE" rel="nofollow noopener" target="_blank" title="SPONSOR"><img class="noborder" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIlk1inlVOd0Q20BnxGWqV2_co1oJHeLcqiiTKODtZC-dJGRjhB-HlyLdW1yQo5Mj-p2b6vlz7gcSXIjQwVUinGKa3aogmCl8f7wR9GBK3TVDveRlhOh3R766Uft1mfJNrikrMXJc4zybV/s125/sponsor.png" alt="alt gambar" width="125" height="125" /></a>

<a href="URL WEBSITE" rel="nofollow noopener" target="_blank" title="SPONSOR"><img class="noborder" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIlk1inlVOd0Q20BnxGWqV2_co1oJHeLcqiiTKODtZC-dJGRjhB-HlyLdW1yQo5Mj-p2b6vlz7gcSXIjQwVUinGKa3aogmCl8f7wR9GBK3TVDveRlhOh3R766Uft1mfJNrikrMXJc4zybV/s125/sponsor.png" alt="alt gambar" width="125" height="125" /></a>
 
<a href="URL WEBSITE" rel="nofollow noopener" target="_blank" title="SPONSOR"><img class="noborder" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIlk1inlVOd0Q20BnxGWqV2_co1oJHeLcqiiTKODtZC-dJGRjhB-HlyLdW1yQo5Mj-p2b6vlz7gcSXIjQwVUinGKa3aogmCl8f7wR9GBK3TVDveRlhOh3R766Uft1mfJNrikrMXJc4zybV/s125/sponsor.png" alt="alt gambar" width="125" height="125" /></a> 
</div>
</center>

URL WEBSITE: Aquí colocar el enlace url de la pagina o el sitio web donde queremos enlazar.

SPONSOR: Aquí reemplazar la palabra sponsor por el nombre de sitio web de publicidad.

CAMBIAR IMAGEN: Reemplazar "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIlk1inlVOd0Q20BnxGWqV2_co1oJHeLcqiiTKODtZC-dJGRjhB-HlyLdW1yQo5Mj-p2b6vlz7gcSXIjQwVUinGKa3aogmCl8f7wR9GBK3TVDveRlhOh3R766Uft1mfJNrikrMXJc4zybV/s125/sponsor.png" por la url de la imagen que desea mostrar, se recomienda utilizar imágenes de dimensiones pequeñas de 125x125 pixeles a mas.

 

• VER RESULTADO