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


В рубриках: Дизайн

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

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

Спонсор размещения P&G Статьи по теме "Как добавить ссылку в блог" Как разместить ссылку на сайт Как сделать переход с одной страницы на другую Как посмотреть файлы сайта

Инструкция

1

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

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

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

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

5
Вставьте ссылку при помощи тегов и , добавьте интересующие элементы. Всплывающая подсказка задается атрибутом 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 – добавляют новую линию.

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

Как просто

Другие новости по теме:

Как сделать красивую ссылку
Как сделать красивую ссылку
Ссылки значительно влияют на внешний вид web-страницы. Будь то ваш сайт или блог, красиво настроенные ссылки изменят дизайн сайта в лучшую сторону. Даже без знаний html и css сделать красивую ссылку довольно просто. Спонсор размещения P&G Статьи по теме "Как сделать красивую ссылку" Как сделать
Как убрать подчеркивание ссылок
Как убрать подчеркивание ссылок
Редактировать способ отображения ссылок на сайте хотят многие веб-мастеры, однако со знанием одних лишь тегов HTML это не представляется возможным. Если вы хотите, чтобы у ссылок исчезало подчеркивание, HTML не поможет – потребуется использовать коды CSS, для многих представляющие из себя
Как сделать ссылку без подчеркивания
Как сделать ссылку без подчеркивания
Оформление ссылок – важный навык в ведении блога. С помощью выделения разными параметрами (цветом, размером, декоративными элементами). Но в некоторых случаях украшения становятся излишними. В таких случаях HTML-теги, которыми оформляется ссылка, видоизменяются, чтобы убрать лишние детали,
Как сделать ссылку для рисунка
Как сделать ссылку для рисунка
Оформление ссылок на картинки делается практически таким же образом, как оформление гиперссылок на обычные страницы сайта. При создании сообщения на сайте или в блоге вы можете вставить такую ссылку в режиме редактирования HTML. Спонсор размещения P&G Статьи по теме "Как сделать ссылку для рисунка"
Как изменить цвет гиперссылки
Как изменить цвет гиперссылки
Для изменения цвета гиперссылок в веб-страницах чаще всего используется атрибут color языка CSS (Cascading Style Sheets - «Каскадные таблицы стилей»). Менее функциональные решения этой задачи есть и в языке HTML (HyperText Markup Language — «язык разметки гипертекста»). Вам понадобится Базовые
Как сделать ссылку неактивной
Как сделать ссылку неактивной
Если опубликованная на сайте ссылка вдруг оказалась ненужной, то ее можно сделать неактивной. Это значит, что пользователь с ее помощью больше не сможет переходить по заданному адресу. Спонсор размещения P&G Статьи по теме "Как сделать ссылку неактивной" Как передавать ссылку Как сделать переход с
Как сделать нижнее подчеркивание
Как сделать нижнее подчеркивание
В языке разметки гипертекста (HTML - HyperText Markup Language), который используют для создания веб-страниц, предусмотрены средства для выделения подчеркиванием части текста. Часто для этого же используют и язык описания каскадных стилей (CSS - Cascading Style Sheets). Спонсор размещения P&G
Как создать ссылку на сайт
Как создать ссылку на сайт
В сообщениях блога часто приходится ссылаться на источники информации и сторонние ресурсы. Можно просто скопировать ссылку в текст, но она выглядит очень громоздкой и некрасивой, а очень хочется оформить сообщение со вкусом. Если ваш блог поддерживает HTML-кодировку, оформите линк посредством
Как выделить активную ссылку
Как выделить активную ссылку
Навигация на сайте обеспечивается посредством ссылок. А их выделение, привязанное к определенному состоянию, служит элементом дизайна и позволяет создать красивый эффект. Спонсор размещения P&G Статьи по теме "Как выделить активную ссылку" Как сделать переход с одной страницы на другую Как добавить
Как сделать переход с одной страницы на другую
Как сделать переход с одной страницы на другую
Для удобства навигации предусмотрены ссылки. С их помощью пользователь может свободно ориентироваться на сайте и без труда находить интересующие его разделы. Если переходы расставлены крайне неудобно, то длительность нахождения посетителей на страницах ресурса будет минимальной. Спонсор размещения