16.11.08

Blogger: Радужные ссылки!

23 comments

Все цвета радуги в вашем блоге!

Всем доброго времени суток! На сайте, где я взяла картинку для этой статьи учат вставлять радугу в ваши фотографии используя Photoshop - процесс расписан подробно на пяти (!) страницах.

Я же сейчас в двух словах расскажу вам как сделать ссылки в Вашем блоге переливающимися всеми цветами радуги!

Для этого нам придется немного изменить HTML-код нашего макета. Т.е. вызываем "Панель инструментов" Blogger'a кликаем на "Дизайн" и выбираем "Изменить HTML"

Теперь находим окончание заголовочной части HTML-описания нашего макета. Т.е. вот такую строчку:
</head>


и перед ней вставляем строчку:
<script src='http://blogger4you.narod.ru/JavaScript/rainbow2.js'/>


т.е. все вместе у нас получилось:
<script src='http://blogger4you.narod.ru/JavaScript/rainbow2.js'/>
</head >


Всем всего доброго!

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

А также, пожалуйста, НЕ ЗАБЫВАЙТЕ делать резервную копию вашего блога иногда!

Света


Комментарии и вопросы более чем приветствуются,
нужна помощь - поможем! Читать дальше...

23 комментария:

  1. Ну, строго говоря, рассказала не как сделать, а где взять.))) А вот снежинки - это да! У меня тоже где-то такие есть. Надо будет запустить. Тем более, что в Саратове сегодня первый снег выпал - значит пора. Про снежинки тоже напиши - они прикольные.

    ОтветитьУдалить
  2. Привет, Баранкин!

    Очень рада тебя видеть - строго говоря найти следы твоего прибывания в этом блоге! ;)))

    Что до "радужных ссылок" - я все-таки рассказала как их у себя в блоге установить. А как их сделать - ну, на JavaScript можно посмотреть - разобраться как он работает. Но кстати, скорее всего напрямую в блог (на Blogger'e) его внедрить не удастся - уж очень он Blogger капризен и привередлив к JavaScript'у.

    Вот у нас с Катей тут была засада, когда надо было на сайте разместить поисковую формочку. Её макет/шаблон ну, ни как не хотел принимать мой вариант записи onclick="this.value=''" и у неё это только заработало когда мы поменяли кавычки и и апострофы местами: onclick='this.value=""'.

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

    Что же до снежинок и капризности Blogger'a можешь заглянуть на Blogger Groups где мы это обсуждали. Я сейчас работаю над статьей про снежинки в блоге [Ты прав сейчас самое время для этого! ;)))] у меня есть парачка скриптов в запасе (надо же дать людям возможность выбора!), но один (очень красивый) ни как не хочет работать на Blogger'e!

    Еще раз спасибо, что заглянул!
    Света

    ОтветитьУдалить
  3. капризная штука - радужные ссылки. После любого изменения в блоге, они перестают работать. Приходится перезаписывать шаблон. Неудобно. Попробую весь скрипт внести в блог.

    ОтветитьУдалить
  4. Здравствуйте, Юридичний провідник!

    Не знаю... у меня они работают в плоть до смены шаблона, а вот если уж меняю шаблон, тут естественно приходится вставлять javascript для них заново.

    Лично я, в копировании JavaScript'а в тело блога ничего плохого не вижу, если вам так нравится и кажется надежнее.

    Бог в помощь.
    Света

    ОтветитьУдалить
  5. Спасибо за идею вобщем и поддержку. Перенес скрипт немного в другое место - поставил его перед всеми остальными скриптами в разделе head. Теперь работает без сбоев.
    Мне нравится как переливаются ссылки на блоге, и самое главное - вписываются в цветовую гамму блога.

    ОтветитьУдалить
  6. Мне нравится как переливаются ссылки на блоге, и самое главное - вписываются в цветовую гамму блога - мне тоже нравится "Юридичний провідник". Вот поэтому я и написала эту статью ;)

    Удачи!
    Света

    ОтветитьУдалить
  7. Не получается. Вставляю всё как сказано. Пишет:
    "Исправьте перечисленные ниже ошибки и отправьте шаблон еще раз.
    Не удалось проанализировать ваш шаблон, так как он неправильно сформирован. Убедитесь, что все элементы XML правильно закрыты.
    Сообщение об ошибке в XML: The element type "script" must be terminated by the matching end-tag ""."

    ОтветитьУдалить
  8. Не получается. Вставляю всё как сказано. Пишет:
    "Исправьте перечисленные ниже ошибки и отправьте шаблон еще раз.
    Не удалось проанализировать ваш шаблон, так как он неправильно сформирован. Убедитесь, что все элементы XML правильно закрыты.
    Сообщение об ошибке в XML: The element type "script" must be terminated by the matching end-tag ""."

    ОтветитьУдалить
  9. Виктория Валерьевна, рада что у вас радужные ссылки все же заработали!

    Александр (G@D), с такой бедой я действительно никогда не сталкивалась.... можно спросить у Виктории Валерьевны, как она убедила Blogger принять предложенный код (у неё все заработало!) или сначала можно поробовать вставить код еще раз (только внимательно прочитать куда именно и убедиться, что код скопирован целиком) и наконец можно прислать мне ваш шаблон я посмотрю как это в нем код не вставляется.

    Удачи во всем!
    Света

    ОтветитьУдалить
  10. Здравствуйте, Света! Блог у меня совсем недавно, а с Вашим блогом познакомилась через рассылку Сергея Аничкина и очень этому рада. Вы так здорово все описываете, даже для меня полного чайника. Света, хотела спросить, а можно ли сделать так, чтоб цвет ссылки менялся не радужно, а на темно-синий. Я поменяла и все получилось, была рада как маленький ребенок, но мне больше подошел бы один цвет. Если это возможно, напишите пожалуйста, как сделать.

    ОтветитьУдалить
  11. Венера Владимировна, здравствуйте!

    Поменять ссылку при наведении на один цвет просто.

    Идете в Дизайн - Изменить Html

    Находите там:

    a:visited {
    color: #660000;
    }

    и под ними вставляете:

    a:hover {
    color: #003366;
    }

    Нажимаете СОХРАНИТЬ и потом смотрите на результат (в режиме ПРОСМОТРа ссылки не работают).

    Удачи во всем!
    Света

    ОтветитьУдалить
  12. Светочка, спасибо большое! Даже не представляете сколько радости мне доставляют всякие изменения, которые я начала делать с Вашей помощью!

    ОтветитьУдалить
  13. Спасибо большое! Я даже и не знала, что можно сделать такую красоту!

    ОтветитьУдалить
  14. ваааай спасибооооо
    ты клево все объясняешь)

    ОтветитьУдалить
  15. Спасибо, все получилось! Очень красиво!

    ОтветитьУдалить
  16. Спасибо! У меня тоже получилось, главное все коротко и ясно объяснили! :)

    ОтветитьУдалить
  17. Спасибо большое за Ваши советы!

    ОтветитьУдалить
  18. Классно, радостно от полученного результата! Спасибо!

    ОтветитьУдалить
  19. Света, спасибо. Реализовала и эту Вашу находку у себя в блоге.
    Предложенная строка-это, по сути, ссылка на Ваш блог. А можно взять у Вас сам код "радуги". Все-таки ссылка сильно привязыает блог к блогу.

    ОтветитьУдалить
  20. Ольга, здравствуйте!

    Предложенная строка - это ссылка на файл в сети интернет, где хранится ява-скрипт.

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

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

    С уважением,
    Светлана

    ОтветитьУдалить
  21. Большое спасибо за уроки. Все радужные ссылки получились. Подскажите, пожалуйста, как сделать радужным название блога?Такое действие возможно?

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

      Света

      Удалить
  22. Вау! Мне очень понравилось :)

    ОтветитьУдалить

Популярные сообщения