Linkurile sunt folosite pentru a crea o navigare clară și convenabilă între paginile blogului. Ele pot fi atât interne, cât și externe. În primul caz, legăturile oferă o tranziție între materialele unei resurse, în al doilea - către site-uri terțe.
Instrucțiuni
Pasul 1
Pentru a posta linkuri către blogul dvs., conectați-vă la panoul de administrare. Dacă jurnalul a fost creat folosind tehnologii gratuite, de exemplu https://www.blogger.com/, conectați-vă la contul dvs. prin intermediul site-ului web al companiei dezvoltatoare. În acest caz, introduceți numele de utilizator și parola pe pagină
Pasul 2
În bara de instrumente, selectați o comandă pentru a crea o postare nouă sau editați o postare publicată anterior. Veți vedea o fereastră goală pentru efectuarea modificărilor, deasupra căreia sunt afișate comenzile.
Pasul 3
Dacă doriți să includeți un link în text sau imagine, selectați cuvântul sau secțiunea expresiei din care se va face tranziția, apoi faceți clic pe butonul „Adăugați link”. În formularul care se deschide, scrieți adresa paginii.
Pasul 4
Cu toate acestea, bara de activități afișează o gamă foarte restrânsă de activități și, dacă doriți să stilizați linkul într-un mod special, va trebui să faceți modificări la codul paginii. Pentru a trece la modul de editare, selectați comanda „Render in html”.
Pasul 5
Introduceți linkul folosind etichete și adăugați elementele de interes. Indicația este setată de atributul title="Text", astfel încât pagina să se deschidă într-o fereastră nouă, scrieți. Alt = "Text alternativ" - valoarea specificată între ghilimele devine vizibilă pentru utilizator dacă imaginea nu este afișată. Link, alink, vlink - schema de culori a linkurilor nevizitate, active și utilizate, setată în câmp. Pentru ca sublinierea să apară după deplasarea cursorului, trebuie să setați: a: hover {text-decoration: underline; color: # 800000} a {text-decoration: none;} Utilizați următorul link pentru a crea un subliniat punctat: A.dot {text-decoration: none; border-bottom: 1px punctat # 000080; } A.dot:hover {color: # f00000; } Atribute: - text-decor: none - eliminați subliniatul; - culoare: # f00000 - setați culoarea; - border-bottom: 1px punctat # 000080 - adăugați o nouă linie.
Pasul 6
Salvați rezultatul și verificați dacă linkurile funcționează.
