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

2 ноября 2014 г. Просмотров: 380 Инструкции
Для создания понятной и удобной навигации между страницами блога применяются ссылки. Они могут быть как внутренними, так и внешними. В первом случае посредством ссылок обеспечивается переход между материалами одного ресурса, во втором – на сторонние сайты.
Создать сайт самостоятельно с 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 – добавляют новую линию.
  • Сохраните полученный результат и проверьте работоспособность ссылок.
  • Оцените статью!