AGREGAR BANNERS DE 125 X 125 EN LA SIDEBAR

By Blogs Famag - noviembre 13, 2020

AGREGAR BANNERS DE 125 X 125 EN LA SIDEBAR .


 



Colocar el espacio para la publicidad de banners de 125 x 125px es uno de los recursos más solicitados debido a la gran aceptación de este tamaño de banners.


Para agregar este espacio de banners en tu blog necesitas tener una sidebar con una ancho mínimo de 280px.

El procedimiento es de lo más sencillo; sólo entra en Diseño > Edición de HTML y antes de ]]></b:skin> pega lo siguiente:


Para implementarlo en vuestro Bloc solo tenéis que seguir estos pasos:




 Un clic en “Plantilla”                                                  





  Un clic en “Editar HTML”                         


             



  Ahora se te abrirá el editor HTML de tu plantilla, se mostrara igual como la imagen que esta a continuación

                                                                               


En  este punto deberás presionar la tecla “Control” de tu teclado seguido de la tecla “F” para que aparezca el buscador integrado en la parte superior derecha de tu editor,

debes esperar unos segundos hasta que se muestre, aquí es donde tendrás que insertar el código para buscarlo e insertar los códigos correspondientes en el editor, 


                                                                                    



 Busca el siguiente código



]]></b:skin>


 Busca este código ]]></b:skin> una vez que hayas encontrado el código deberás insertar las siguientes líneas de código justo arriba del código que encontraste









/* Banners 125 x 125
----------------------------------------------- */
.ads {
margin-top:5px;
margin-left:5px;
}
.ads img {
padding: 4px;
margin-bottom: 5px;
}


Ahora en Diseño > Elementos de la página > Añadir un gadget > HTML/Javascript y pega este código:

Para añadirlo a vuestro blog o web, basta con copiar el codigo de abajo e insertarlo alli dode querais que aparezca.

1-Un clic en “Diseño”                                           


2-Clic en “Añadir un gadget”                                       


3-Busca el widget que dice “HTML-Javascript” y ábrelo                      


4-Coloca el siguiente codigo en el interior

                                                                                      





<div class="ads">
<a href="URL del enlace"><img src="URL de la imagen" width="125px" height="125px" /></a>
<a href="URL del enlace"><img src="URL de la imagen" width="125px" height="125px" /></a>
<a href="URL del enlace"><img src="URL de la imagen" width="125px" height="125px" /></a>
<a href="URL del enlace"><img src="URL de la imagen" width="125px" height="125px" /></a>
</div>


Sólo cambia la URL del enlace y la URL de la imagen donde se indica.
Si sientes que los banners están muy a la izquierda modifica donde dice margin-left:5px;
También puedes modificar la separación entre cada banner donde dice padding: 4px; sólo toma en cuenta que si le pones más separación también deberás tener un ancho de sidebar mayor a 180px.
Por supuesto que quenes quieran agregar más propiedades pueden hacerlo incluyendo un borde, un color de fondo, etc.









Fecha de la Publicación; 13-11-2020

 Fuente; Ciudadblogger.

 Publicado por;                                                      
















  • Share:

You Might Also Like

0 comentarios