Tecnología

Inicio

Cómo agregar un borde alrededor de un Banner en BlogSpot

Cómo agregar un borde alrededor de un Banner en BlogSpot


El funcionamiento de un gráfico de rótulo o anuncio en su blog puede captar la atención de sus lectores para promover su contenido, patrocinadores o anunciantes. Una forma de separar el anuncio gráfico o del resto del contenido en su BlogSpot - ahora llamado Blogger - Blog es colocar un borde alrededor de la bandera. Para añadir un borde alrededor de una bandera, modificar el código de diseño de su blog HyperText Markup Language (HTML).

Instrucciones

1 Accede a Blogger. Haga clic en el "diseño" ficha submenú bajo el título del blog con la bandera a la que desea agregar el borde.

2 Haga clic en "Editar HTML" en el menú Diseño en la parte superior de la página.

3 Vaya a la sección "Editar plantilla" de la página. Haga clic en la casilla "Expandir plantillas de artilugios" para mostrar el código HTML de diseño completo para su plantilla de Blogger.

4 Encuentra el atributo fuente de imagen para el gráfico de rótulo o anuncio en el cuadro de entrada HTML. El código se iniciará con la etiqueta de atributo HTML "<img src =", seguido de la dirección URL de la fuente del gráfico de rótulo o imagen. Por ejemplo, si se vincula a la imagen de un servicio de almacenamiento de archivos o compartir en línea, la etiqueta se verá así:

<Img src = "/ images http://www.file-sharing-service.com/your cuenta / tu-banner-imagen-archivo.jpg" />

5 Tipo "border =" 1 "" inmediatamente antes de la barra inclinada al final del código IMG SRC para agregar un borde ancho de un píxel alrededor de la bandera. Para aumentar la anchura de la frontera, aumente el valor del entero de frontera. El código final debe tener este aspecto:

<Img src = "http://www.file-sharing-service.com/your~~number=plural cuenta / images / tu-banner-imagen-archivo.jpg" border = "1" />

6 Haga clic en el botón azul "Vista previa" para ver cómo cambia la expresión de tu blog. Haga clic en el botón "Guardar plantilla" para guardar los cambios y publicarlos en tu blog.

Consejos y advertencias

  • En el paso 4, pulse la tecla "F3" en el teclado del ordenador, a continuación, introduzca "img src" en el campo de búsqueda para encontrar rápidamente todas las imágenes en el campo de entrada de código HTML.
  • Si tu blog contiene un gráfico de rótulo o anuncio dentro de una entrada de blog individual, haga clic en la pestaña "HTML" en la barra de herramientas del editor de entradas y seguir el mismo procedimiento para agregar el borde.