сделать ссылку активной

Как сделать ссылку активной

110 комментариев / Блоггер

Здравствуйте, друзья!

Одна из читательниц моего блога задала мне вопрос, чтобы я объяснила как сделать ссылку активной.

Я  не стала откладывать эту тему в долгий ящик и сегодня мы с Вами научимся это делать.

Активной ссылку можно сделать двумя способами

Способ 1  Вы работаете в каком-нибудь редакторе, там где есть возможность вставить гиперссылку. Давайте разберём на примере блога

ссылка

У Вас есть неактивная ссылка. Вы её выделяете и нажимаете на панели инструментов значок в виде цепи.  И сразу выскочит вот такое вот окошко

активная ссылка

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

Также ссылку можно СПРЯТАТЬ ПОД СЛОВО.

Делается это идентично. Вы выделяете слово, под которое хотите спрятать какую-нибудь ссылку. Допустим, это будет слово СМОТРИ ЗДЕСЬ. Вы выделяете слово  — смотри здесь. Нажимаете значок цепи. Вводите URL ссылки, на которую должен перейти читатель. И это слово станет ссылкой.

Теперь, если человек нажмёт на это слово, то перейдёт туда, куда ведёт данная ссылка.

Если Вы захотите, наоборот, активную ссылку сделать НЕАКТИВНОЙ, то снова выделяете её и нажимаете на значок разорванной цепи

убрать ссылку

И ссылка сразу же становится неактивной (или слово перестаёт быть ссылкой)


Способ 2  Можно сделать ссылку активной при помощи html кода. Это можно применить там, где нет в редакторе функции гиперссылки, но поддерживается функция html, либо вам надо сделать ссылку активной в сайдбаре Вашего блога.

Например, мы хотим сделать активной ссылку http://inetnovichok.ru/.

Пишем такой html код

<a href="http://inetnovichok.ru/"target="_blank ">http://inetnovichok.ru/</a>

Вместо http://inetnovichok.ru/ Вы прописываете в первом и втором случае свою ссылку, которую хотите сделать активной.

target=»_blank » обозначает, что ссылка откроется в новом окне.

Если Вы захотите спрятать ссылку под слово, то html код будет выглядеть таким образом:

<a href="http://inetnovichok.ru/"target="_blank ">Смотреть здесь</a>

В первом случае Вы пишете ссылку, которую Вы хотите спрятать под слово, а во втором случае — то слово, под которое будете прятать ссылку. Это будет выглядеть так:

Смотреть здесь

Ну, вот, вобщем-то и всё. Теперь, друзья, Вы знаете как сделать ссылку активной и в редакторе и без него — с помощью html кода.

Также вы можете сделать картинку ссылкой.

ФРАЗА  ДНЯ

В тюрьме столько не сидят, сколько мы  — в блогах

C уважением, Людмила Винокурова

Интересно почитать

110 комментариев к “Как сделать ссылку активной”

  1. Ирина Раковец

    Да, Людмила. К сожалению на везде есть кнопка для создания активной ссылки.

    Знание html-кода, как ни крути, хотя бы на базовом уровне просто необходимо в блоггинге. Или же приходится даже по мелочам обращаться к фрилансерам =)

    [Ответить]

    Людмила Винокурова Reply:
    19 февраля, 2013 at 15:10

    Согласна, базовый уровень по html иметь желательно.

    [Ответить]

    Сюрпризы жизни Reply:
    19 февраля, 2013 at 17:38

    А я себе файлик заела, с символичным названием «помощь блоггера» — все подобные «заготовочки» туда заношу — очень удобно и всегда под рукой!

    [Ответить]

    Людмила Винокурова Reply:
    19 февраля, 2013 at 19:46

    У меня тоже вся информация нужная под рукой — в Mars Notebook

    [Ответить]

    Ирина Раковец Reply:
    20 февраля, 2013 at 11:48

    У меня тоже в «Марс» сразу все подобные кодики переносятся. Все ж не упомнишь. А тут всегда подсказка рядом 😉

    [Ответить]

    Людмила Винокурова Reply:
    20 февраля, 2013 at 15:13

    Да, я сейчас и не представляю как это я раньше обходилась без Марса

    [Ответить]

    Сюрпризы жизни Reply:
    20 февраля, 2013 at 16:10

    Чего это за штука такая?! =-O Я-то по старинке в ворде 😀

    [Ответить]

    Ирина Раковец Reply:
    20 февраля, 2013 at 19:37

    Согласна, Люда. Я очень благодарна за то, что меня познакомили с этой программой. Все базы информации в одном месте. Не надо копаться по всему компу искать. Это просто класс!

    [Ответить]

    Людмила Винокурова Reply:
    20 февраля, 2013 at 20:02

    Юля, это классная программа.
    Можешь посмотреть урок здесь http://youtu.be/Cd0ciobBDcM
    Я подробно рассказываю о проге и показываю как ей пользоваться.
    Выбери время, посмотри — не пожалеешь! 😉

    [Ответить]

    Сюрпризы жизни Reply:
    21 февраля, 2013 at 02:56

    Спасибо, Люд. заинтриговала! Гляну обязательно, надеюсь там не сложно?! 😀 а то у меня от избытка информации уже мозг пухнет!

    [Ответить]

    Людмила Винокурова Reply:
    21 февраля, 2013 at 13:56

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

    Ирина Раковец Reply:
    28 февраля, 2013 at 22:58

    Да. Я тоже. Пробовала как-то в Evernote перенести информацию, но так и не осилила его. Хотя возможно сейчас это сделаю и отпишусь.

    [Ответить]

    Сюрпризы жизни Reply:
    1 марта, 2013 at 01:34

    Ого, час-полтора… да, тут точно подготовка нужна! 😀

    [Ответить]

    Николай Чернов Reply:
    28 июля, 2013 at 11:56

    А у меня уже столько этих файликов, что я уже путаюсь… хотя периодически чищу и не нужное удаляю. А вот как всё систематизировать, что бы не путаться…?

    [Ответить]

    Людмила Винокурова Reply:
    28 июля, 2013 at 20:35

    Марс Ноутбук — я писала про эту программу, я уже без неё вообще не могу обойтись — всё систематизировано, и всё под рукой!

    [Ответить]

    Николай Чернов Reply:
    29 июля, 2013 at 05:17

    Буду искать статью об этой программе. Раз не читал, значит не комментировад… иду туда! =)

    [Ответить]

    Валерий Reply:
    19 февраля, 2013 at 21:57

    это ж каким надо быть чайником, чтобы не догадаться до блокнотика под «заготовочки». Стыдно признаться, но пока всё прочитанное я никак и нигде не сохранял 🙁
    а вот второй способ как раз и стоит сохранить в своей «памяти».

    [Ответить]

    Людмила Винокурова Reply:
    20 февраля, 2013 at 15:12

    Ну ,вот, Валерий, теперь знаете,что сохранять подобные вещи очень даже полезно!

    [Ответить]

    Сюрпризы жизни Reply:
    20 февраля, 2013 at 16:11

    Ещё не всё потеряно, Валерий! Главное что теперь вы в курсе, порой так замотаешь на первых порах, что многого не замечаешь! Уверена, вы что-то своё придумали, того, до чего не додумались мы =)

    [Ответить]

    Андрей Reply:
    21 июля, 2013 at 03:34

    аналогично)

    [Ответить]

  2. Сюрпризы жизни

    =) Хм, помню времена, когда я сама рыскала по интернета в поисках того, как сделать ссылку активной… 😀

    [Ответить]

    Людмила Винокурова Reply:
    19 февраля, 2013 at 19:47

    Да уж, Юль ,мы, наверно ,все через это прошли!

    [Ответить]

    Сюрпризы жизни Reply:
    20 февраля, 2013 at 16:12

    Своеобразный обряд посвящения в блоггеры?! 😀

    [Ответить]

    Людмила Винокурова Reply:
    20 февраля, 2013 at 20:04

    Ла уж, истину глаголешь! 😀

    [Ответить]

  3. Золотарев Роман

    При написании кода в тексте статьи у Вас какие-то проблемы с кавычками?

    [Ответить]

    Людмила Винокурова Reply:
    20 февраля, 2013 at 15:18

    Да, Роман, в некоторых темах такое встречается. Чтоб это убрать надо или коды ковырять или плагин ставить.
    Пока ни то ,ни другое делать не хочется.
    Если уж читателей это будет откровенно раздражать, то тогда, придётся этим заняться.

    [Ответить]

    Сюрпризы жизни Reply:
    20 февраля, 2013 at 16:14

    Ага-ага, Люд. Я до этого не замечала, а когда сама WP стала изучать столкнулась с этой проблемой, теперь везде в глаза бросается… Это же не сложно, я код какой-то нашла (малюсенький) и всё замечательно! =)

    [Ответить]

    Людмила Винокурова Reply:
    20 февраля, 2013 at 20:07

    ну ,так ты у нас спец по кодам. *THUMBS UP*
    Скажи уж тогда где ты его нашла,чтоб мне не рыскать ,не искать

    [Ответить]

    Сюрпризы жизни Reply:
    21 февраля, 2013 at 02:57

    Блин, вот с этим беда… я, к сожалению не помню, а зафиксировать этот момент не догадалась… *UNKNOWN*

    [Ответить]

    Людмила Винокурова Reply:
    21 февраля, 2013 at 13:59

    Понимаю, я тоже раньше сделаю и забуду. А потом стала думать — а как я научу людей, если сделала и забыла. Поэтому сейчас стала фиксировать такие моменты — в том же Марсе Ноутбуке. =)

    [Ответить]

    Сюрпризы жизни Reply:
    1 марта, 2013 at 01:35

    Да, тоже надо, я обычно закладки делаю, а потом уже разбираюсь куда отнести ту или иную информацию.

    [Ответить]

    Елена Олейникова Reply:
    21 февраля, 2013 at 16:33

    А картинкой вставить не пробовали? И код будет правильно написан, и можно в нее еще alt вписать. Кстати, слово-ссылка называется анкором 🙂
    А картинку тоже можно сделать ссылкой.

    [Ответить]

    Людмила Винокурова Reply:
    21 февраля, 2013 at 23:19

    Это уже тема другой статьи, об этом я говорю в конце этой статьи.

    [Ответить]

  6. фиалка молчаливая

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

    [Ответить]

    Людмила Винокурова Reply:
    20 февраля, 2013 at 22:54

    Заходите почаще. У меня информация как раз для начинающих

    [Ответить]

    Мозгунова Ирина Reply:
    22 января, 2014 at 00:53

    Мне очень полезна информация о том, как спрятать ссылку под фразу.

    [Ответить]

  7. Galka

    Как всегда просто и доступно. Первое время мне приходилось прописывать ссылки исключительно кодом. Утомительное это занятие, времени много отнимает.

    [Ответить]

    Людмила Винокурова Reply:
    21 февраля, 2013 at 13:48

    Да, Галина, вручную прописывать — это утомительно. Для таких случаев, конечно, лучше иметь заготовки, а потом просто менять адрес ссылки

    [Ответить]

    Ирина Раковец Reply:
    28 февраля, 2013 at 23:06

    Точно. Заготовки — очень удобная вещь. Много времени экономит *THUMBS UP*

    [Ответить]

  9. Юлия

    Очень важно для меня лично не забывать ставить галочку «открыть в новом окне» и только с недавнего времени стала использовать Заголовок, так что все ссылки переделывала. =) Обычно пользуюсь кнопочкой для создания ссылки.
    Людмила, хотелось бы увидеть статью про то, как делать ссылки ноуфоллоу с хтмл кодом. 😉

    [Ответить]

    Людмила Винокурова Reply:
    21 февраля, 2013 at 14:01

    Вы имеете в виду неиндексируемые ссылки?
    Я как раз думала в этой статье показать, но, ладно сделаю отдельную статью.

    [Ответить]

    Юлия Reply:
    21 февраля, 2013 at 14:03

    Людмила, да. И вам как раз идея для отдельной статьи, и нам польза и нужные знания. 😉

    [Ответить]

    Людмила Винокурова Reply:
    21 февраля, 2013 at 15:37

    Ок! Будет новая статья!

    [Ответить]

    Елена Олейникова Reply:
    21 февраля, 2013 at 16:35

    А потом еще одна нужна будет — как отлавливать битые ссылки 🙂

    [Ответить]

    Людмила Винокурова Reply:
    21 февраля, 2013 at 23:20

    С этими битыми ссылками я ещё сама бьюсь, поэтому пока статью писать не буду….

    [Ответить]

  10. Василий

    А что Людмила на этом сайте уже есть битые ссылки?

    [Ответить]

    Людмила Винокурова Reply:
    21 февраля, 2013 at 23:44

    Да, Василий, причём все внутренние….

    [Ответить]

    Василий Reply:
    22 февраля, 2013 at 00:38

    Как внутренние? А почему они никуда не ведут?

    [Ответить]

    Людмила Винокурова Reply:
    23 февраля, 2013 at 14:09

    Это картинки в постах. В ссылках стоят вопросительные знаки, когда я её исправляю, ставлю путь правильный, то она исчезает из поста вместе с частью текста. Вот сейчас я с этим и разбираюсь.

    [Ответить]

    Василий Reply:
    23 февраля, 2013 at 15:20

    В этих статьях на картинках нормальный путь. Людмила сделай только открытие картинки в новом окне. Некоторые посетители не очень разбираются в кнопках браузера, и таким образом, нажав не на ту кнопку могут покинуть сайт, не дочитав статью.

    [Ответить]

    Людмила Винокурова Reply:
    23 февраля, 2013 at 18:00

    Василий, посмотри, пожалуйста, картинки и скриншоты в статьях «Семантическое ядро для новичков» (в рубрике Блоггер- SEO) и Автоматизация бизнеса в интернете (в рубрике Автоматизация) — у меня там битые ссылки.
    А за совет с картинками — спасибо! Сделаю!

    [Ответить]

    Василий Reply:
    23 февраля, 2013 at 21:14

    Я, наверное, понял, почему такие ссылки. На тех изображениях название файла написано на русском языке. Поэтому получается абракадабра. Исправь название файлов, и скорее всего тогда будет все нормально.

    [Ответить]

    Людмила Винокурова Reply:
    23 февраля, 2013 at 21:54

    Наверно, Василий. Сейчас попробую. Спасибо!
    А как ты думаешь, что сделать — у меня у Юлии сайт с зоны рф и название сайта на русском. Все её комменты плагин помечает как битые ссылки?

    Василий Reply:
    23 февраля, 2013 at 22:45

    А ты проверяла программой Xenu? Как она реагирует на кириллицу в названии сайта.
    Вручную можно, конечно, переделать ее ссылки. Но, таких ссылок будет очень много. =)
    Главное, наверное, чтобы сайт комментатора был действующим.

    [Ответить]

    Людмила Винокурова Reply:
    24 февраля, 2013 at 00:24

    Нет, не проверяла. У тебя есть статья такая? Что посоветуешь — в плагине их не трогать? Пусть считаются битыми? А сайт её, конечно, действующий. Я там часто бываю.

    Василий Reply:
    24 февраля, 2013 at 01:57

    Ничего не делай. У меня тоже есть ее ссылки, правда немного. Сайт, я знаю, у нее рабочий. Это проблемы из-за кириллицы.

    [Ответить]

    Людмила Винокурова Reply:
    24 февраля, 2013 at 18:13

    Ну, ладно, спасибо, Василий!

  11. Наталия Хоробрых

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

    Понравилась фишка с фразой дня…

    [Ответить]

    Людмила Винокурова Reply:
    23 февраля, 2013 at 14:19

    Да, Наталья, мелочи очень важны. И очень часто, как Вы и говорите, именно на них и спотыкаемся.

    [Ответить]

    Мозгунова Ирина Reply:
    22 января, 2014 at 00:39

    О это чистая правда, Наталья! В тюрьме сидят намного меньше, чем мы сидим в Интернете. ]:->

    [Ответить]

  13. Степан

    Я вот думаю писать статьи по уроках(от создания до монетизации сайта), но вот рассказывать о самых элементарных вещах, тем более примерно на 2000 символов не хочу 8) Если кому-то понадобиться, то лучше в комментариях напишу =)

    [Ответить]

    Людмила Винокурова Reply:
    5 марта, 2013 at 23:29

    Не забывайте, мой блог для новичков, в первую очередь!
    Общаясь с ними, я точно знаю,что для них это ценный материал.

    [Ответить]

  23. Людмила Винокурова

    Ирина, Оля, смайлик не тот.Видите, выше комментарии. Он уже был найден. Я просто его не убрала. Оставила для наглядности. Сейчас уберу, чтоб не путать вас.
    Ищите — второе место пока свободно!

    [Ответить]

  28. Юлия

    Зд! Вы написали , код активной ссылки, в страницу ясно ,. как вставить, а как в сайдбар вы не написали:)

    [Ответить]

    Людмила Винокурова Reply:
    7 октября, 2013 at 14:14

    Юлия! Просто эту ссылку поставить в виджет. Если возникнут трудности — пишите на почту — помогу.

    [Ответить]

  29. Валентина

    Добрый день и с наступающим Новым годом. Мне нужно было сделать ссылку не активной, об этом я прочла в вашей статье, очень во время. Мне у вас понравилось, у вас есть чему поучиться. Успехов!!!

    [Ответить]

  30. Мозгунова Ирина

    Удивительно, но новички ещё с трудом воспринимают многие понятия. Скажу о себе, что я даже не понимала, что значит «Открыть в новом окне» *UNKNOWN* . И как-то особо никто не объяснял.

    Вижу уже , как ухмыляются «старички». 😀 😛

    [Ответить]

  32. Василий

    Спасибо за статью!
    Но, хотелось бы узнать, как можно изменить цвет активируемой ссылки. У меня она получается или черная или не понятно какая…
    Хотелось бы, чтобы она смотрелась ярко-синей, а при наведении курсора на нее — ярко-красной.
    Заранее благодарен.
    С уважением, Василий

    [Ответить]

    Людмила Винокурова Reply:
    9 июля, 2014 at 20:43

    Василий, это надо менять в настройках шаблона (в кодах). У вас такой цвет заложен в коде шаблона

    [Ответить]

    Василий Reply:
    9 июля, 2014 at 21:00

    Спасибо Людмила!
    Я понял, мне показали как это сделать, это действительно надо заходить в редактор и изменять шаблон.
    С уважением, Василий

    [Ответить]

  33. Павел

    Спасибо огромное автору, реально помогает. не останавливайтесь. делайте новые темы

    [Ответить]

  36. галина

    Людмила, никак не могла собраться, чтобы сказать Вам «спасибо» за науку в создании слайд-шоу из фотографий цветов, а тут ещё одна неоценимая помощь в создании активной ссылки. Спасибо и с Наступающим Новым 2016 годом!

    [Ответить]

  38. Людмила

    Здравствуйте Людмила! Мне надо сделать активной ссылку для заметки на Google+ По второму способу нет нужныхстрочек, по первому на вордовском документе получается, а больше нигде. Можете просветить меня в чем дело?

    [Ответить]

    Людмила Винокурова Reply:
    22 сентября, 2016 at 19:13

    Здравствуйте, Людмила! Извините за долгий ответ. Активная ссылка на Google+ делается очень легко, сервис сам всё предусмотрел и не надо самим эту ссылку делать активной. На сервисе Google+ в строчке «Что у вас нового» (откроется окно) пишите заметку. Выделяете слово, которое будет активной ссылкой и по которому читатели кликнут,чтобы перейти на нужную страницу. Внизу увидите 4 значка, щелкаете по второму (значок ссылки, после значка фотоаппарата), выйдет окошечко — «Введите ссылку», вводите нужную ссылку и нажимаете ОК. Всё — активная ссылка создана.

    [Ответить]

Оставьте комментарий

Ваш адрес email не будет опубликован.