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

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

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

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

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

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

Способ 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 уважением, Людмила Винокурова

Комментариев (38)

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

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

    [Ответить]

    Людмила Винокурова Reply:

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

    [Ответить]

    Сюрпризы жизни Reply:

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

    [Ответить]

    Людмила Винокурова Reply:

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

    [Ответить]

    Ирина Раковец Reply:

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

    [Ответить]

    Людмила Винокурова Reply:

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

    [Ответить]

    Сюрпризы жизни Reply:

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

    [Ответить]

    Ирина Раковец Reply:

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

    [Ответить]

    Людмила Винокурова Reply:

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

    [Ответить]

    Сюрпризы жизни Reply:

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

    [Ответить]

    Людмила Винокурова Reply:

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

    Ирина Раковец Reply:

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

    [Ответить]

    Сюрпризы жизни Reply:

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

    [Ответить]

    Николай Чернов Reply:

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

    [Ответить]

    Людмила Винокурова Reply:

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

    [Ответить]

    Николай Чернов Reply:

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

    [Ответить]

    Валерий Reply:

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

    [Ответить]

    Людмила Винокурова Reply:

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

    [Ответить]

    Сюрпризы жизни Reply:

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

    [Ответить]

    Андрей Reply:

    аналогично)

    [Ответить]

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

    [Ответить]

    Людмила Винокурова Reply:

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

    [Ответить]

    Сюрпризы жизни Reply:

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

    [Ответить]

    Людмила Винокурова Reply:

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

    [Ответить]

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

    [Ответить]

    Людмила Винокурова Reply:

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

    [Ответить]

    Сюрпризы жизни Reply:

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

    [Ответить]

    Людмила Винокурова Reply:

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

    [Ответить]

    Сюрпризы жизни Reply:

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

    [Ответить]

    Людмила Винокурова Reply:

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

    [Ответить]

    Сюрпризы жизни Reply:

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

    [Ответить]

    Елена Олейникова Reply:

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

    [Ответить]

    Людмила Винокурова Reply:

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

    [Ответить]

  4. Кстати, Люд, фраза дня — классная фишка! :-D Я долго смеялась :-D

    [Ответить]

    Людмила Винокурова Reply:

    ну, ведь правда же!
    Я тоже долго и широко улыбалась! :-D

    [Ответить]

  5. Интересная тема, надо с сыном посоветоватся. Как же хорошомчто в блогах можно все для себя по необходимости найти.

    [Ответить]

    Людмила Винокурова Reply:

    Да, Людмила, в блогах можно найти ВСЁ!

    [Ответить]

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

    [Ответить]

    Людмила Винокурова Reply:

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

    [Ответить]

    Мозгунова Ирина Reply:

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

    [Ответить]

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

    [Ответить]

    Людмила Винокурова Reply:

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

    [Ответить]

    Ирина Раковец Reply:

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

    [Ответить]

  8. Спасибо за информацию по ссылкам — мне как раз сегодня кстати. Буду использовать.

    [Ответить]

    Людмила Винокурова Reply:

    Удачи, Ольга!

    [Ответить]

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

    [Ответить]

    Людмила Винокурова Reply:

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

    [Ответить]

    Юлия Reply:

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

    [Ответить]

    Людмила Винокурова Reply:

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

    [Ответить]

    Елена Олейникова Reply:

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

    [Ответить]

    Людмила Винокурова Reply:

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

    [Ответить]

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

    [Ответить]

    Людмила Винокурова Reply:

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

    [Ответить]

    Василий Reply:

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

    [Ответить]

    Людмила Винокурова Reply:

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

    [Ответить]

    Василий Reply:

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

    [Ответить]

    Людмила Винокурова Reply:

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

    [Ответить]

    Василий Reply:

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

    [Ответить]

    Людмила Винокурова Reply:

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

    Василий Reply:

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

    [Ответить]

    Людмила Винокурова Reply:

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

    Василий Reply:

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

    [Ответить]

    Людмила Винокурова Reply:

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

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

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

    [Ответить]

    Людмила Винокурова Reply:

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

    [Ответить]

    Мозгунова Ирина Reply:

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

    [Ответить]

  12. Спасибо за статью! Пока читал, в голову пришла новая идея!!!

    [Ответить]

    Людмила Винокурова Reply:

    Отлично! Я тоже заметила, что иногда читая статьи на блогах, приходят интересные идеи!

    [Ответить]

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

    [Ответить]

    Людмила Винокурова Reply:

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

    [Ответить]

  14. А я смайлик нашел :-) Он находится после слов — «с помощью html кода», практически в самом конце. Верно?

    [Ответить]

  15. Я — вслед за Томским школьником ;)

    [Ответить]

  16. А материалы для новичков, Людмила, никому не помешают.
    Practice makes perfect (с) ;)

    [Ответить]

    Людмила Винокурова Reply:

    Да,согласна!

    [Ответить]

    Лилия Reply:

    и я полностью согласна. Да ещё когда так понятно.

    [Ответить]

  17. Тоже нашла смайл, но видно уже поздно =)

    [Ответить]

  18. Да, Костя сегодня был первым и получает 2 балла, Виталий — 1 балл. Евгения немного опаздала. Но может успеет на другой стаье?

    [Ответить]

  19. Лилия 06.03.2013 @ 22:02

    и тут не успела! %)

    [Ответить]

  20. Не расстраивайтесь, ещё много будет статей, а значит и смайлов! Нагоните!

    [Ответить]

    Лилия Reply:

    я стараюсь не пропускать ваши статьи.

    [Ответить]

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

    [Ответить]

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

    [Ответить]

  23. Людмила, Вы просто прелесть и большая умница!!!!!!!!!!
    Спасибо!

    [Ответить]

    Людмила Винокурова Reply:

    И Вам спасибо, Николай, за добрые слова в адрес моей скромной персоны! ;)

    [Ответить]

  24. Здравствуйте Людмила. Большое спасибо. Я новичок и ваши статьи очень полезны для меня.

    [Ответить]

    Людмила Винокурова Reply:

    Я рада, Андрей! Заходите почаще. =)

    [Ответить]

  25. Очень полезная информация. Вы бы еще nofolow убрали и было бы еще полезней ! ;)

    [Ответить]

    Людмила Винокурова Reply:

    А зачем? ;)

    [Ответить]

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

    [Ответить]

    Людмила Винокурова Reply:

    Да, этот способ можно использовать на всех сайтах!

    [Ответить]

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

    [Ответить]

    Людмила Винокурова Reply:

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

    [Ответить]

  28. Валентина 27.12.2013 @ 17:14

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

    [Ответить]

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

    Вижу уже , как ухмыляются «старички». :-D :P

    [Ответить]

  30. спасибо

    [Ответить]

    Людмила Винокурова Reply:

    Пожалуйста! Заходите ещё! :)

    [Ответить]

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

    [Ответить]

    Людмила Винокурова Reply:

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

    [Ответить]

    Василий Reply:

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

    [Ответить]

  32. Павел 12.09.2014 @ 01:39

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

    [Ответить]

  33. Спасибо огромное Вы реально мне помогли!

    [Ответить]

    Людмила Винокурова Reply:

    Удачи, Марина! :)

    [Ответить]

  34. Я смотрел во многих местах, но только у Вас понял, как сделать. Спасибо.

    [Ответить]

    Людмила Винокурова Reply:

    Пожалуйста, Лев! Удачи!:)

    [Ответить]

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

    [Ответить]

  36. Сергей 11.05.2016 @ 17:38

    http://inetnovichok.ru/

    [Ответить]

    Людмила Винокурова Reply:

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

    [Ответить]

  37. Людмила 09.09.2016 @ 18:18

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

    [Ответить]

    Людмила Винокурова Reply:

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

    [Ответить]

Комментировать

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

*