Linki służą do tworzenia przejrzystej i wygodnej nawigacji między stronami bloga. Mogą być zarówno wewnętrzne, jak i zewnętrzne. W pierwszym przypadku linki zapewniają przejście między materiałami jednego zasobu, w drugim - do witryn stron trzecich.
Instrukcje
Krok 1
Aby zamieścić linki do swojego bloga, zaloguj się do swojego panelu administracyjnego. Jeśli dziennik został stworzony przy użyciu bezpłatnych technologii, na przykład https://www.blogger.com/, zaloguj się na swoje konto za pośrednictwem strony internetowej firmy deweloperskiej. W takim przypadku wprowadź swoją nazwę użytkownika i hasło na strona
Krok 2
Na pasku narzędzi wybierz polecenie, aby utworzyć nowy post lub edytować wcześniej opublikowany post. Zobaczysz puste okno do wprowadzania zmian, nad którym wyświetlane są polecenia.
Krok 3
Jeśli chcesz umieścić link w tekście lub obrazie, wybierz słowo lub sekcję frazy, z której zostanie wykonane przejście, a następnie kliknij przycisk „Dodaj link”. W formularzu, który się otworzy, zapisz adres strony.
Krok 4
Jednak pasek zadań wyświetla bardzo wąski zakres zadań, a jeśli chcesz nadać linkowi specjalny styl, będziesz musiał wprowadzić zmiany w kodzie strony. Aby przejść do trybu edycji, wybierz polecenie „Renderuj w html”.
Krok 5
Wstaw link za pomocą tagów i dodaj interesujące Cię elementy. Podpowiedź jest ustawiana przez atrybut title="Tekst", dzięki czemu strona otwiera się w nowym oknie, pisz. Alt = "Tekst alternatywny" - wartość określona w cudzysłowie staje się widoczna dla użytkownika, jeśli obraz nie jest wyświetlany. Link, alink, vlink - kolorystyka linków nieodwiedzonych, aktywnych i używanych, ustawiana w polu. Aby podkreślenie pojawiło się po najechaniu kursorem, musisz ustawić: a: hover {text-decoration: underline; color: # 800000} a {dekoracja tekstu: brak;} Użyj poniższego linku, aby utworzyć podkreślenie kropkowane: A.dot {dekoracja tekstu: brak; border-bottom: 1px przerywany # 000080; } A.kropka:najechanie {kolor: # f00000; } Atrybuty: - text-decoration: none - usuń podkreślenie - color: # f00000 - ustaw kolor - border-bottom: 1px dashed # 000080 - dodaj nową linię.
Krok 6
Zapisz wynik i sprawdź, czy linki działają.
