Los enlaces se utilizan para crear una navegación clara y conveniente entre las páginas del blog. Pueden ser tanto internos como externos. En el primer caso, los enlaces proporcionan una transición entre los materiales de un recurso, en el segundo, a sitios de terceros.
Instrucciones
Paso 1
Para publicar enlaces a su blog, inicie sesión en su panel de administración. Si el diario se creó con tecnologías gratuitas, por ejemplo, https://www.blogger.com/, inicie sesión en su cuenta a través del sitio web de la empresa desarrolladora. En este caso, ingrese su nombre de usuario y contraseña en página
Paso 2
En la barra de herramientas, seleccione un comando para crear una nueva publicación o editar una publicación publicada anteriormente. Verá una ventana vacía para realizar cambios, encima de la cual se muestran los comandos.
Paso 3
Si desea incluir un enlace en el texto o la imagen, seleccione la palabra o sección de la frase desde la cual se realizará la transición, luego haga clic en el botón "Agregar enlace". En el formulario que se abre, escriba la dirección de la página.
Paso 4
Sin embargo, la barra de tareas muestra una gama muy limitada de tareas y, si desea modificar el estilo del enlace de una manera especial, deberá realizar cambios en el código de la página. Para cambiar al modo de edición, seleccione el comando "Renderizar en html".
Paso 5
Inserte el enlace usando etiquetas y agregue los elementos de interés. La información sobre herramientas se establece mediante el atributo title="Texto", de modo que la página se abre en una nueva ventana, escriba. Alt = "Texto alternativo": el valor especificado entre comillas se vuelve visible para el usuario si no se muestra la imagen. Link, alink, vlink: esquema de colores de enlaces no visitados, activos y usados, establecidos en el campo. Para que aparezca el subrayado después de pasar el cursor, debe establecer: a: hover {text-decoration: underline; color: # 800000} a {text-decoration: none;} Utilice el siguiente enlace para crear un subrayado punteado: A.dot {text-decoration: none; borde inferior: 1px discontinuo # 000080; } A.dot:hover {color: # f00000; } Atributos: - text-decoration: none - eliminar el subrayado; - color: # f00000 - establecer el color; - border-bottom: 1px discontinuo # 000080 - agregar una nueva línea.
Paso 6
Guarde el resultado y compruebe si los enlaces funcionan.
