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

картинка-ссылка

 

Здравствуйте, мои дорогие читатели!

Когда мы с Вами учились делать ссылку активной, я Вам обещала, что научу как сделать картинку ссылкой.

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

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

Если Вы посмотрите на мой сайдбар, то увидите там две картинки-ссылки. Первая — «Подарок для Вас» перенаправляет читателя на мою мини-сайт воронку, где можно подписаться на бесплатный курс. Вторая — «Призы для ТОП комментаторов» перекидывает читателя на страницу моего блога «Не пропустите».

По мнению некоторых успешных блоггеров, поисковики любят не картинки-ссылки, а текстовые ссылки и советуют с картинкой помещать также и активные текстовые ссылки.

Вы видите, что у меня в сайдбаре под картинкой-ссылкой стоит текстовая ссылка, ведущая туда же, куда и картинка.

Как делать текстовую ссылку активной, Вы можете почитать здесь.  А мы займёмся картинкой и сделаем её ссылкой.

Старайтесь на блоге размещать не просто картинки, взятые из Яндекса и Гугла, а уникальные картинки — сделанные Вами фотографии или обработанные картинки.

Итак, Вы подготовили картинку, которую будете делать ссылкой. Для этого нам нужны будут 2 ссылки: ссылка на саму картинку и ссылка страницы, куда Вы будете перенаправлять читателя.

1). Чтобы получить ссылку на картинку, надо чтобы она находилась в Сети Интернет. Поэтому нам надо её с Вашего компьютера разместить в интернет.

а).Это можно сделать, загрузив картинку на Ваш блог. Идём в админ-панель Вашего блога, вкладка «Медиафайлы» — «Добавить новый» — «Выберите файлы» и загружаете с компьютера нужную картинку. Когда картинка загрузится, нажимаете «Изменить». Справа будет такое окно

ссылка на картинку

Вы видите ссылку на файл, копируете её. Это и будет ссылка на картинку (сохраните её в какой-нибудь файл)

б). Если же Вы не хотите нагружать свой блог лишними картинками, можете хранить свои картинки в фотохранилище и взять ссылку на картинку там. Как хранить картинки и фото в интернете, как зарегистрироваться в фотохранилище и взять ссылку, можно почитать здесь.

2). Ссылка на картинку у Вас есть,теперь нам понадобится ссылка на ту страницу, на которую будет вести картинка.

Думаю, здесь у Вас трудностей не возникнет — Вы просто открываете нужную страницу и копируете ссылочку из строки браузера (тоже сохраните её в том же файле).

Теперь надо создать HTML код этой картинки-ссылки и поместить его в сайдбар.

Даю Вам заготовочку, из которой Вы сможете сделать свою картинку-ссылку

 

<p style="text-align:center"><a href="http://inetnovichok.ru/ne-propustite/"target="_blank"><img src="http://inetnovichok.ru/wp-content/uploads/2012/11/podarki-top.jpg " title="Подарки" width=147 height=147 ></a></p>

 

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

<p style=»text-align:center»>   выравнивает Вашу картинку по ценру. Можете здесь ничего не менять. Но если хотите, чтобы картинка была слева, то вместо center пишите left, а если хотите справа поставить картинку, то пишите right.

«http://inetnovichok.ru/ne-propustite/»  вместо этой ссылки вставляете свою ссылку на страницу, на которую картинка будет перенаправлять. Обратите внимание, что эта ссылка берётся в кавычки

target=»_blank»   страница открывается в новом окне. Если хотите, чтобы страница открывалась в этом же окне, то можете убрать эту часть кода. Но лучше оставить всё как есть.

«http://inetnovichok.ru/wp-content/uploads/2012/11/podarki-top.jpg»   вместо этой ссылки вставляете свою ссылку на картинку. Проследите,чтобы ссылка тоже была в кавычках.

title=»Подарки»   заголовок картинки, при наведении на картинку, этот заголовок будет всплывать. Название заголовка — в кавычках

width=147 height=147   это размеры картинки, width — ширина, height — высота. Вы можете изменять эти величины.

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

Идёте в админ-панель блога, вкладка «Внешний вид» — «Виджеты». В «Доступных виджитах» находите вкладку «Текст» и перетаскиваете её мышкой в боковую колонку в нужное место. Открываете эту вкладку и вставляете код. Если хотите, чтобы под картинкой стояла ещё активная текстовая ссылка, то вставляете её код под кодом картинки-ссылки. И нажимаете «Сохранить». Обновляете страничку своего блога и видите картинку-ссылку в своём сайдбаре.

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

А теперь новое задание мини-конкурса «Найди смайл».

В прошлый раз смайлики нашли Ирина и Лилия и они получают:  Ирина -4 балла, Лилия-2 балла.

Общий счёт: Лилия — 11 баллов, дед Виталя — 10 баллов, Александара — 6 баллов, Ирина — 4 балла, Лана и Томский Школьник — по 2 балла, Евгения- 1 балл.

Сегодня смайлы ждут, чтобы их нашли в подрубрике «Тесты» и в рубрике «Заработать в интернет».

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

 

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

  1. Хорошая статья!
    Повторю всё, связанное со ссылками-картинками, с большим удовольствием. В своё время я столько бился, чтобы разобраться с этим, искал по крохам инфу в Гугле и Яндексе.
    Сейчас же с Вашей помощью, Людмила, новички получают превосходную информацию и инструкции к действию =)

    [Ответить]

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

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

    [Ответить]

    Лилия Reply:

    Спасибо Людмиле,что сейчас всё можно найти в одном месте и не тратить время на поиски

    [Ответить]

    Степан Reply:

    Честно говоря я не считаю себя новичком, но про ссылку картинку ничего не знал!

    [Ответить]

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

    =) А зря, очень даже полезная информация, а как же баннер и т.д.?! Блоггерам без таких знаний никуда!

    [Ответить]

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

    Да, Степан, мы ещё многого не знаем, поэтому, когда узнаЁм — делимся друг с другом информацией!

    [Ответить]

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

    Согласна с Вами, Лилия, Людмила постаралась для нас, переделала всю найденную информацию в более удобную форму — вот теперь радуемся и читаем! Всё понятно — и, главное, в одном месте!

    [Ответить]

    Наталия Хоробрых Reply:

    О, бесценная статья, а то мне самой кажется, что как-то нерационально я использую медиафайлы, картинки, насчет того, чтоб ее сделать ссылкой — даже мысли не приходило… А ведь действительно можно.

    [Ответить]

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

    Конечно, Наталья ,возьмите на вооружение!

    [Ответить]

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

    Людмила, я сейчас забил в яндексе… Как сделать картинку ссылкой. Твой блог с этой статьёй на 20 месте.

    [Ответить]

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

    Будем стремиться к лучшему ;)

    [Ответить]

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

    Думал, ты обрадуешься… 20 место — это круто, но стремиться есть куда, согласен.?

    [Ответить]

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

    Я по некоторым запросам в ТОП 10, а мой Новичок в Интернет на 1 месте, хотя, конечно, это совсем НЧ запрос.

    [Ответить]

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

    Супер, когда в Топ 10. =) Это как ты проверяешь? Набираешь словосочетание… Новичок в Интернет?

    [Ответить]

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

    Так тоже, а также через статистику Лавинетрнет и сайт аудитор.

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

    Я сейчас смотрю, сравниваю, анализирую… ты же меня научила смотреть статистику других сайтов, смотрел и твою!У тебя столько комментариев, а ядро аудитории маленькое почему то — 6%…

    [Ответить]

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

    Потому что от общего количества посетителей, больший процент идёт с поисковых систем, чем с закладок (постоянная аудитория).

    Эмили Reply:

    Интересно, а когда я открываю Ваш сайт из своей почты, из письма о новых комментариях — как это считается, откуда посетитель?..
    Думаю, большинство комментаторов так возвращаются на сайт, и это должно как-то благоприятно учитываться. Но, похоже, это не так…

    [Ответить]

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

    Точно, Людмила.
    Я так же, как и Эмили, захожу с почты. Т.е. с подписки на комментарий, как мой заход на сайт отображается?

    [Ответить]

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

    Так и отображается — с почты (email)

    Эмили Reply:

    Понятно, Людмила. Но выходит, полезнее для статистики было бы, если б мы заходили на сайт из закладок? Так можно договориться)

    [Ответить]

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

    А я не понял… почему для статистики лучше из закладок заходить, чем из почты?

    [Ответить]

    Эмили Reply:

    Это я , Николай, так решила (возможно, ошиблась!) после слов Людмилы: «больший процент идёт с поисковых систем, чем с закладок (постоянная аудитория)» после вопроса о небольшом проценте ядра аудитории.
    Выходит из этой фразы, что закладки — постоянная аудитория. А мы с Вами, типа, не постоянная %)
    Обидно…

    [Ответить]

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

    Нет, Эмили, все, кто приходит на блог постоянно (с разных источников — закладки, почта, со своего блога), считаются ядром аудитории — моя постоянная аудитория. Просто я так выразилась — одним словом «Закладки» ,чтобы не расписывать все источники.

    Так что — не обижайтесь! Вы моя самая постоянная, любимая, дорогая аудитория! :)

  2. О, ещё один вопрос, возникающий у каждого новичка… Очередная «головная боль» решена. Спасаешь ты начинающих =)

    [Ответить]

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

    Стараюсь, Юлечка!

    [Ответить]

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

    Это миссия Людмилы 8) Скоро она всех научит компьютером и интернетом пользоваться ;)

    [Ответить]

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

    Да, благородное дело делаешь, Людочка! =) Достойное! И нас «старичков» заставляешь встряхнуть в памяти все нюансы ;)

    [Ответить]

    Лилия Reply:

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

    [Ответить]

  3. Не знала, чо картинку можно сделать ссылкой, хорошая идея, беру на вооружение!!! 8)

    [Ответить]

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

    Да, идея неплохая! Удачи, Галина!

    [Ответить]

  4. да хорошая инструкция все ясно и понятно, даже и не знаю откуда это знаю, может с платного курса, а многое сама додумалась, в поисковиках редко ищу

    [Ответить]

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

    Может Вам это от природы дано, Лана? =)

    [Ответить]

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

    Ничего себе… Лана, у вас точно талант! Я сама пытаюсь додумывать уже только после того, как Яндекс и Гугл меня чуть ли не посылают :-D Нужно признаться, при определённых базовых знаниях, бывает что и получается!

    [Ответить]

    Лилия Reply:

    ничего себе! а мне вот самой додуматься не дано. =-O

    [Ответить]

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

    Не всегда такие интуитивные действия оказываются правильными, но порой время хорошо экономят =)

    [Ответить]

    Лилия Reply:

    экономия времени-это очень хорошо. *THUMBS UP*

    [Ответить]

  5. про смайлики — в одной статье два было и все, странно, больше не нашла, потерялись, или они могли в одной статье сразу два быть?

    [Ответить]

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

    нет, в одной статье один смайл.

    [Ответить]

  6. Отличный мануал, Люда! Прям как раз для новичков ;)

    [Ответить]

    Лилия Reply:

    для новичков самое то! =)

    [Ответить]

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

    Вот и я про это! ;)

    [Ответить]

  7. А я наоборот ссылку картинкой делаю :P

    [Ответить]

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

    Можно это назвать разными именами, но результат-то тот же! :)

    [Ответить]

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

    Нет, другой. У вас описано, как сделать картинку ссылкой, то есть нажимаешь на картинку, переходишь по какой-то ссылке. А у меня наоборот — нажимаешь на ссылку, появляется картинка :P

    [Ответить]

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

    А, сдаетесь? Или ответ знаете? Тогда вам прямая дорога в мою викторину, вот здесь http://million-iz-interneta.ru/vneshnij-disk.htm вопрос, как сделать ссылку картинкой, ответ опубликуете, получите балл :-D

    [Ответить]

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

    Елена, это какой-то маркетинговый ход, чтобы зашли на Ваш сайт? Вы просто пригласите, мы зайдем ;)

    [Ответить]

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

    Причем тут маркетинговый ход? Я у Людмилы в блоге довольно часто бываю, даже премию у нее получила за комментирование, какой мне смысл маркетингом заниматься? Всех марафонцев я к себе в блог еще в начале марафона приглашала, кому было интересно, дорогу знают.

    [Ответить]

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

    О, что-то весьма интересненькое намечается, иду смотреть…

    [Ответить]

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

    Елене: А, ну так это скорее относится к смоей статье «Как сделать ссылку активной», перенаправление на Url с картинкой ( a href) и сама ссылка (или слово, под которое спрятана ссылка). Это гораздо проще, чем картинку — ссылку.

    [Ответить]

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

    Ага, Люда, блеснула таки знаниями! :-D А я вот призадумалась над ответом!

    [Ответить]

  8. Спасибо за подробную информацию обязательно воспользуюсь Вашими советами.

    [Ответить]

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

    Алексей, если будут вопросы-обращайтесь!

    [Ответить]

  9. Пусть с печеными блинами
    К вам достаток в дом войдет,
    Чтоб всего добились сами,
    Пусть по жизни вам везет.

    А еще , хлопот не знайте,
    Улыбайтесь, всем назло,
    Масленицу так встречайте,
    Чтобы в жизни повезло
    С МАСЛЕНИЦЕЙ!

    [Ответить]

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

    Спасибо за поздравления!

    [Ответить]

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

    Ой, и мне такой же стишок написали :-D

    [Ответить]

  10. =) Вы бы писали статьи в одно и тоже время, было бы забавнее — очередь за смайликами занимать

    [Ответить]

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

    Это не так интересно. Тут как раз благодаря элементу неожиданности выиграть может каждый, а не тот, у кого по времени пост быстрее опубликуется. Пусть все остается также ;)

    [Ответить]

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

    Мне тоже кажется, что так выиграть шансы у каждого, а если все будут настоящую погоню за смайликами устраивать в 5 часов, например, те кто работают всегда не удел?! Спонтанность должна быть, определённо!

    [Ответить]

    Лилия Reply:

    тоже считаю,что должна присутствовать интрига и секрет

    [Ответить]

  11. Толковая статья, понятно поданная информация. Спасибо!

    [Ответить]

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

    Пожалуйста, Андрей! Заходите почаще! =)

    [Ответить]

  12. Спасибо, Людмила, за подробный расклад.

    [Ответить]

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

    Пожалуйста, Галина! Лишь бы пригодилось Вам!

    [Ответить]

  13. Лилия 16.03.2013 @ 00:06

    может наоборот -тот кто чаще заглядывает к Людмиле,тот и получает смайлы. Я когда у компьютера — к Людмиле не один раз за день заглядываю.

    [Ответить]

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

    Это и было основной задачей. Улучшить поведенческие факторы на блоге :-x

    [Ответить]

  14. Лилия 16.03.2013 @ 00:07

    интересный материал,только ссылку изучила-уже и картинка с ссылкой появилась =)

    [Ответить]

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

    Попробуйте за Людмилой угнаться… :-D

    [Ответить]

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

    Так это правильно, что бы ничего не успело забыться =) Сразу, так сказать, идёт закрепление материала! ;)

    [Ответить]

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

    Конечно, если полученные знания не применить в течение 72 часов, то они забудутся. Поэтому надо действовать сразу ;)

    [Ответить]

    Лилия Reply:

    а потом повторять и повторять! ;)

    [Ответить]

  15. Ой, Люда твоя новая кнопочка «Наверх» мне нравится еще больше старой *THUMBS UP* *DANCE*

    [Ответить]

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

    =) Поддерживаю! Мне нравится то, что она справа, мне там удобнее =) А главное, большая-то какая, не заметить не получится!

    [Ответить]

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

    А самое главное -она находится справа и не закрывает счётчик!:)

    [Ответить]

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

    Ага, я правда твой счётчик и так «доставала» :-D Мы блоггеры выход всегда найдём! ;)
    Я кстати, глядя на тебя и Надежду (наконец-то!) тоже решила свою кнопочку сменить — теперь у неё два направления =)

    [Ответить]

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

    Ага, я заметила сразу. Молодец! Очень удобно. Скриптом пользовалась?

    [Ответить]

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

    Спасибо! Конечно, же им родимым =)

    [Ответить]

    Юлия Reply:

    Да, Люд, мне тоже новая кнопочка очень нравится и положением, и размером, и внешним видом, симпатичная такая. :)

    [Ответить]

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

    Я старалась, чтобы понравилось! ;)

    [Ответить]

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

    Тебе это удалось ;)

    [Ответить]

    Лилия Reply:

    похоже Людмила угодила всем. Мне тоже очень нравится эта кнопочка и удобная.

    [Ответить]

  16. Я уже давно хочу что-то подобное сделать, правда, руки пока не доходят. Теперь есть где почитать об установке картинки-ссылки. =)
    Людмила, я тебе на почту письмо написал по поводу твоего сайта.

    [Ответить]

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

    Да, получила, Василий, спасибо! Очень жду твоего ответа!

    [Ответить]

    Василий Reply:

    Теперь совсем другое дело, вижу позитивные изменения. *THUMBS UP*

    [Ответить]

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

    [Ответить]

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

    А можешь, Юля, завести файлик и туда подсказки кодов помещать или программу, Марс Нотебук, например.

    [Ответить]

  18. Нет, у меня эффект немножко другой, когда щелкаешь на ссылку, то картинка выезжает из нее. Тут одним кодом не обойдешься, плагин нужен. А в вашем случае картинка просто открывается в другом окне.

    [Ответить]

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

    Да, зато без плагина. Но, конечно, при желании и плагин можно изучить.
    Возможно, я это сделаю. Спасибо, Елен, за подсказку.

    [Ответить]

  19. Спасибо за полезный урок для всех желающих научиться делать из картинки ссылки. Теперь все будет проще намного!

    [Ответить]

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

    Пожалуйста, пользуйтесь на здоровье! :)

    [Ответить]

  20. Чтобы не ошибиться во всех тегах и кавычках можно воспользоваться записями вордпресс.
    Создаем новую пустую запись. Туда вставляем нужную нам картинку. Встаем на нее. Кликаем в панельке редактора на значок «добавить ссылку» и там указываем, куда картинка вести будет.
    А дальше в текстовом редакторе этот код копируем и уже куда надо вставляем.
    Запись после этого можно удалить.

    [Ответить]

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

    Тоже верно, я частенько пользуюсь возможностями «блокнота» в блоге! Так же и выравнивание и «открывать ссылку в новом окне» иногда проставляю =) А у нас в блогспоте ещё и «ноуффолоу» (пардон за мой английский :-D ) можно поставить. Пару кликов и готовый код уже на руках!

    [Ответить]

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

    Совершенно верно, Екатерина!
    Но не всегда такой редактор есть (например, в сайдбаре).

    [Ответить]

    Эмили Reply:

    Я тоже так делала, когда с кодами совсем еще не дружила и побаивалась их вставлять! А тут автоматически прописывается)

    [Ответить]

  21. Спасибо, за шаблон. С HTML-кодами как раз проблема. Кстати сказать, тема картинок- ссылок давно интересовала. :-D

    [Ответить]

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

    Ну, вот и хорошо! Заходите, Екатерина — может ещё что интересненькое увидите! ;)

    [Ответить]

  22. Это я удачно зашел на ваш сайт!А я всё думал как они это делают.Спасибо большое,попрактиковался по вашей статье,очень поможет в будущем.

    [Ответить]

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

    Хорошо, Максим! Желаю Вам удачи! =)

    [Ответить]

  23. Спасибо за статью.

    [Ответить]

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

    Пожалуйста, Татьяна! Рада, что материал оказался Вам полезен!

    [Ответить]

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

    [Ответить]

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

    Пожалуйста, Татьяна! Заходите! =)

    [Ответить]

  25. Интересная тема, Людмила! И так доступно и доходчиво объяснили! Как нибудь попробую. =) *THUMBS UP*

    [Ответить]

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

    Конечно, Сергей, попробуйте! =)

    [Ответить]

  26. Людмила, в очередной раз говорю Вам — Большое спасибо!
    Для блога и его популярности — это важная тема…
    У меня на блоге на подобии сделано с Фото (правда не я сам делал, приятель в гости заходил), кликаешь и попадаешь на страницу «обо мне»… Так же хочу сделать картинку — обложку своего курса, и там нужна будет ссылка. Надо вникать…

    [Ответить]

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

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

    [Ответить]

  27. Ирина Достай 14.05.2013 @ 20:59

    Cпасибо, Людмила,за такое хорошую статью. Я ею воспользовалась с удовольствием. И у меня всё сразу получилось. А теперь возник следующий вопрос: на блоге в сайдбаре стоит картинка. У того, кто на эту картинку кликнет, должно начаться скачивание определённого видео на его комп. Как мне это сделать? Помогите, пожалуйста. %)

    [Ответить]

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

    Ирина, можно сделать несколькими способами, например так. Вы загружаете видео на облачный сервис, который даёт ссылку на скачивание (допустим, Яндекс-диск) — и вот эту ссылку, Вы вставляете в код ( в статье это написано «http://inetnovichok.ru/ne-propustite/» вместо этой ссылки вставляете свою ссылку на страницу, на которую картинка будет перенаправлять. Обратите внимание, что эта ссылка берётся в кавычки).

    Если вдруг не получится,то напишите мне на почту (через форму обратной связи во вкладке «Контакты») и я Вам помогу.

    [Ответить]

  28. Ирина Достай 29.05.2013 @ 13:29

    Люда, большое спасибо. Вы — моя палочка-выручалочка. Всё получилось! *YAHOO*

    [Ответить]

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

    Прекрасно, Ирина! Поздравляю!!!! :)

    [Ответить]

  29. Отличная заготовочка, так приятно — бери и пользуйся! Спасибо огромное, Людмила! Точно Вы сказали в первых комментариях — когда сам собирал информацию по крохам, то знаешь, насколько ценны такие практические «шаблоны» для новичков и не только)))
    Мне давно нужно было сделать такие ссылки в сайдбаре, и вроде бы знаю, как это делается. А тут раз — и готово! Правда, еще текст рядом с картинкой пытаюсь выровнять, что-то он меня не очень слушается.

    [Ответить]

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

    Эмили, чтобы выровнять текст — как и в случае с картинкой, надо добавить к коду текста p style=»text-align:center» (по центру) или left — слева, right — справа.

    [Ответить]

    Эмили Reply:

    Да, спасибо! Но я также пыталась выровнять его по вертикали на уровне центра картинки + чтобы текст тоже был ссылкой на статью. Чего-то намудрила, и картинка перестала быть ссылкой(. В общем, нашла приемлемое решение, хотя в очередной раз убедилась: нужно знать html и жить станет проще…

    [Ответить]

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

    Да, с html и css жизнь проще, ярче и красочнее! ;(

    [Ответить]

    Эмили Reply:

    О, это верно и в буквальном, и в переносном смысле)
    Вы где-то упоминали, что нужно изучить соответствующий курс Попова, вот и я начинала, да бросила… Хочется вернуться и засесть за него поэффективнее…

    [Ответить]

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

    Я тоже пол года назад, приобрел курс Е. Попова… пробовал изучать, но бросил… на тот момент, мне показалось все сложно и не понятно. Теперь понимаю, что серьезно не вникал, а просто поверхностно просмотрел, несколько уроков.

    [Ответить]

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

    Курсы Попова наскоком не выучишь, надо вникать — тогда всё будет понятно! Я уже много чего на блоге по его курсам сделала.

    Эмили Reply:

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

    [Ответить]

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

    Это точно… будет на блоге больше 50 постов, потом начну вникать и дорабатывать блог. Сначала — главное! :-D

    [Ответить]

  30. Картинку с ссылкой сделать легко, а вот как сделать, чтобы картинки менялись хаотично и ссылки тоже — это для меня пока еще секрет. =-O

    [Ответить]

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

    Тань, что-то я не совсем поняла — ГДЕ они должны хаотично меняться?!

    [Ответить]

    Tатьяна Паломи Reply:

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

    [Ответить]

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

    А, поняла, типа ротатора! Тань, тема интересная. Надо, наверно, написать статью.

    [Ответить]

    Tатьяна Паломи Reply:

    Да, да, Люд напиши статью! Я не буду Гуглить, а подожду твою статью.

    [Ответить]

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

    Хорошо, Тань!

    [Ответить]

    Tатьяна Паломи Reply:

    Людмил, видишь народ уже в очередь выстраивается! Все ждут статью, черкай нам ее быстрее! :-D

    [Ответить]

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

    Как раз в процессе! Я просто интересный материал хочу дать, а на это надо время.

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

    Не то чтобы в очередь… :-D но тема интересная и нужная.

    [Ответить]

    Эмили Reply:

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

    [Ответить]

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

    Да, в партнёрках уже готовый ротатор под их продукты, а нам надо свой сделать. Скоро напишу.

    [Ответить]

  31. Ротатор сделать самому — это интересно. Тоже жду… *THUMBS UP*

    [Ответить]

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

    Очень скоро! ;)

    [Ответить]

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

    Люда, у тебя в сайт баре классный ротатор с разными курсами.

    [Ответить]

  32. Люда, ты извини, что мы тебя так грузим… :(

    [Ответить]

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

    Статья готова! =)
    Николай, вы не грузите,а даёте идеи для статей! :-D

    [Ответить]

    Tатьяна Паломи Reply:

    Людмил, могу еще дать идейку для статьи. Скачала словоЁБ и пытаюсь с ним разобраться, а толкового объяснения принципа работы с ним в сети не нашла. Все поверхностно. *UNKNOWN*

    [Ответить]

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

    У меня он стоит в планах, и ещё много программ. Просто пока времени нет сесть и серьёзно заняться уроками по программам (на одну такую статью уходит дня 2).
    Так что, Танюша, обязательно напишу. Вот только когда — вот в чём вопрос….

    [Ответить]

    Эмили Reply:

    Отлично, так быстро отреагировали, здорово!

    [Ответить]

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

    Спасибо, Люда. С планированием и внедрением у тебя все ровно. Это и отличает профессионала от любителя.

    [Ответить]

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

    Вам спасибо, мои дорогие! *ROSE*

    [Ответить]

  33. очень хорошая и актуальная информация , часто бывает нужно связать картинку с ссылкой

    [Ответить]

  34. Получилось! Спасибо, Людмила!
    Всё получилось… только я не в сайт бар вставлял, а в последнюю статью, в сам текст. И картинка кнопки «Подробнее» — ведёт на мою новую рассылку!

    [Ответить]

  35. Очень хорошие рекомендации даёте Вы, Людмила.
    Это и красиво, и функционально делать картинки ссылками в некоторых местах сайта. К тому же Вы очень доступно объясняете. Спасибо!

    [Ответить]

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

    Согласен с Ириной… Всё просто и понятно! Я тоже научился делать картинки ссылкой — вот по этой самой статье! =)

    [Ответить]

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

    И Вам спасибо, Ирина! Я очень рада, что Вам понравился пост.

    [Ответить]

  36. Как-то не было нужды ссылку с картинок ставить, но стоит подумать. =)

    [Ответить]

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

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

*