Как добавить ссылку в блог?

Для создания понятной и удобной навигации между страницами блога применяются ссылки. Они могут быть как внутренними, так и внешними. В первом случае посредством ссылок обеспечивается переход между материалами одного ресурса, во втором – на сторонние сайты.
Создать сайт самостоятельно с Wix.com

Инструкция

Для публикации ссылок в блоге войдите в панель администрирования. Если дневник создан при помощи бесплатных технологий, например http://www.blogger.com/, зайдите в свой аккаунт через сайт компании-разработчика. В данном случае, введите логин и пароль на странице.

На панели инструментов выберите команду для создания нового или редактирования ранее опубликованного поста. Перед вами откроется пустое окно для внесения изменений, над которым отображены команды.

Если хотите ссылку включить в текст или картинку, выделите слово или участок фразы, с которого будет осуществляться переход, после этого нажмите на кнопку «Добавить ссылку». В открывшейся форме пропишите адрес страницы.

Однако на панели задач отображен весьма узкий спектр задач, и если вы хотите оформить ссылку по-особому, то придется вносить изменения в код страницы. Для перехода в режим редактирования выберите команду «Отобразить в html».

Вставьте ссылку при помощи тегов и , добавьте интересующие элементы. Всплывающая подсказка задается атрибутом title="Текст", чтобы страница открывалась в новом окне, пропишите target="_blank". Alt="Альтернативный текст" – заданное в кавычках значение становится видным пользователю, если не отобразилась картинка. Link, alink, vlink – цветовое оформление непосещенных, активных и использовавшихся ссылок, задается в поле . Чтобы подчеркивание появлялось после наведения курсора, в необходимо задать: a:hover {text-decoration:underline; color: #800000} a {text-decoration:none;} Для создания пунктирного подчеркивания используйте следующую связку: A.dot {text-decoration: none; border-bottom: 1px dashed #000080; } A.dot:hover {color: #f00000; } Атрибуты:- text-decoration: none – убирают подчеркивание;- color: #f00000 – задают цвет;- border-bottom: 1px dashed #000080 – добавляют новую линию.

Сохраните полученный результат и проверьте работоспособность ссылок.

Оцените статью!