I collegamenti vengono utilizzati per creare una navigazione chiara e conveniente tra le pagine del blog. Possono essere sia interni che esterni. Nel primo caso, i collegamenti forniscono una transizione tra i materiali di una risorsa, nel secondo - a siti di terze parti.
Istruzioni
Passo 1
Per pubblicare link al tuo blog, accedi al tuo pannello di amministrazione. Se il diario è stato creato utilizzando tecnologie gratuite, ad esempio https://www.blogger.com/, accedi al tuo account tramite il sito web della società sviluppatrice. In questo caso, inserisci il tuo nome utente e password su pagina
Passo 2
Sulla barra degli strumenti, seleziona un comando per creare un nuovo post o modificare un post pubblicato in precedenza. Vedrai una finestra vuota per apportare modifiche, sopra la quale vengono visualizzati i comandi.
Passaggio 3
Se desideri includere un collegamento nel testo o nell'immagine, seleziona la parola o la sezione della frase da cui verrà effettuata la transizione, quindi fai clic sul pulsante "Aggiungi collegamento". Nel modulo che si apre, annota l'indirizzo della pagina.
Passaggio 4
Tuttavia, la barra delle applicazioni mostra una gamma molto ristretta di attività e, se vuoi dare uno stile al collegamento in un modo speciale, dovrai apportare modifiche al codice della pagina. Per passare alla modalità di modifica, seleziona il comando "Rendering in html".
Passaggio 5
Inserisci il link utilizzando i tag e aggiungi gli elementi di interesse. Il tooltip è impostato dall'attributo title="Text", in modo che la pagina si apra in una nuova finestra, scrivi. Alt = "Testo alternativo": il valore specificato tra virgolette diventa visibile all'utente se l'immagine non viene visualizzata. Link, alink, vlink - combinazione di colori dei link non visitati, attivi e utilizzati, impostati nel campo. Affinché la sottolineatura appaia dopo aver posizionato il cursore, è necessario impostare: a: hover {text-decoration: sottolineato; color: # 800000} a {text-decoration: none;} Utilizzare il seguente collegamento per creare una sottolineatura punteggiata: A.dot {text-decoration: none; border-bottom: 1px tratteggiato # 000080; } A.dot:hover {color: # f00000; } Attributi: - decorazione del testo: nessuno - rimuove la sottolineatura; - color: # f00000 - imposta il colore; - border-bottom: 1px tratteggiato # 000080 - aggiunge una nuova riga.
Passaggio 6
Salva il risultato e controlla se i collegamenti funzionano.
