Як додати посилання у блог

Як додати посилання у блог

Для створення зрозумілої і зручної навігації між сторінками блогу застосовуються посилання. Вони можуть бути як внутрішніми, так і зовнішніми. У першому випадку за допомогою посилань забезпечується перехід між матеріалами одного ресурсу, в другому - на сторонні сайти.

 


Інструкція

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

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


3. Якщо хочете посилання включити в текст або картинку, виділите слово або ділянку фрази, з якої здійснюватиметься перехід, після цього натисніть на кнопку "Додати посилання". У формі, що відкрилася, пропишіть адресу сторінки.

4. Проте на панелі завдань відображений дуже вузький спектр завдань, і якщо ви хочете оформити посилання по-особливому, то доведеться вносити зміни в код сторінки. Для переходу в режим редагування виберіть команду "Відобразити в html".

5. Вставте посилання за допомогою тегів <a href= адреса сторінки> і </a>, додайте елементи, що цікавлять. Спливаюча підказка задається атрибутом title= Текст, щоб сторінка відкривалася в новому вікні, пропишіть target=_blank. Alt= Альтернативний текст - задане в лапках значення стає видним користувачеві, якщо не відобразилася картинка. Link, alink, vlink - колірне оформлення невідвіданих, активних і таких, що використалися посилань, задається в полі <body>. Щоб підкреслення з'являлося після наведення курсора, в <head> необхідно задати:     <style>               a: hover {text - decoration: underline; color: #800000}               a {text - decoration: none;}     </style>Для створення пунктирного підкреслення використайте наступну зв'язку:     <style type= text/css>               A.dot {text - decoration: none; border - bottom: 1px dashed #000080; }               A.dot: hover {color: #f00000; }      </style>Атрибути:- text - decoration: none - прибирають підкреслення;- color: #f00000 - задають колір;- border - bottom: 1px dashed #000080 - додають нову лінію.

6. Збережіть отриманий результат і перевірте працездатність посилань.

 



Надрукувати