ScrapHouse - всё о скрапбукинге: материалы, инструменты, идеи, мастер-класс
Как добавить баннер на боковую панель Blogger?
Добрый день! Снова заметка для скрап-блоггеров. Расскажу, как добавить ссылку в виде картинки на боковую панель Blogger.
Заходим на главную страницу Blogger и видим список своих блогов (у большинства из вас 1 блог):
Нажимаем на кнопочку с треугольничком напротив блога, на боковую панель которого хотим добавить гаджет. В выпадающем списке выбираем "Дизайн":
Попадаем на страницу настройки содержимого блога, нажимаем в р-не боковой панели "Добавить гаджет" (к слову, подобным образом гаджет можно добавлять не только на боковую панель, а в любое место блога - в соответствии с его разметкой).
Появляется окошко со списком возможных гаджетов, выбираем в этом списке "HTML/JavaScript":
Теперь перед нами другое окошко, содержащее два поля - "Название" и "Содержание". "Название" - это название гаджета, которое будет отображаться непосредственно над гаджетом (в нашем случае - картинкой), расположенным на боковой панели блога. В поле "Содержание" мы будем вводить тот самый код, заветный код, код картинок со ссылками или просто картинок, или просто ссылок - в зависимости от того, что и кому нужно.
Давайте сразу пример, а потом разберём построчно, что есть что. В данном примере в поле "Название" я ввёл "ScrapHouse", а в поле "Содержание" вставил код баннера нашего сайта:
После этого нажал "Сохранить" (оранжевая кнопка) и обнаружил гаджет в админке на боковой панели:
Перетащил мышкой гаджет туда, куда хотел, например, на пару гаджетов ниже:
Нажал "Сохранить расположение":
Нажал на "Просмотр":
Убедился, что гаджет не просто появился, а появился там, где я того хотел:
Вы тоже убедились. И даже можете добавить гаджет (в данном случае - баннер) к себе в блог, если у вас есть готовый код баннера. А если нет готового кода? Сможете добавить, например, картинку, которую хотите?
Давайте разберём код баннера из приведённого выше примера:
Подробней о первой строке кода: открывается тэг "а" (ссылка), далее идет часть строки,
Подробней о второй строке кода: открывается тэг "img" (картинка), далее видим фрагмент,
Третья строка, которую мы уже упоминали состоит лишь из закрывающего тэга "а". Правильно, мы закрыли картинку тэгом "а" с двух сторон, т.к. хотим, чтобы картинка была ссылкой ("кликабельна").
Подытожим. Всё, что нам нужно в простейшем случае, - это ссылка на картинку и ссылка на сайт/страницу (ресурс).
Пара простейших примеров: - нужна ссылка, но текстовая, а не в виде картинки - вместо тэга "img" пишем любой текст, текст будет кликабельным:
Конечно, надо понимать, что в код можно добавлять и другие параметры, например, задавать размеры картинки. Можно замахнуться и на вставку джава-скриптов в блог, но это, полагаю, уже тема отдельной заметки. Вроде бы осилил. Всё понятно? Задавайте вопросы, дамы.
Отвечаю на вопрос Анны (комментарии ниже). Анна, в вашем случае код будет таким:
Комментировать с помощью ВКонтакте КомментарииСпасибо! Все получилось!
Добавить комментарий Статьи и заметки НовостиЕсли Вы желаете опубликовать материал на ScrapHouse.ru, прежде всего Вам необходимо зарегистрироваться или войти под уже созданной учётной записью. К публикации принимаются материалы, соответствующие тематике сайта, имеющие прямое или косвенное отношение к скрапбукингу и рукоделию в целом. Это могут быть мастер-классы, небольшие идеи, описания инструментов и материалов, вводные статьи для новичков и т.д. К публикации принимаются только уникальные материалы (например, Ваш собственный мастер-класс) или переводы статей с зарубежных сайтов (в случае публикации перевода необходимо оставить ссылку на источник). Это означает, что материалы, уже опубликованные на любом другом сайте или блоге рунета, не могут быть приняты. С помощью нашего сайта Вы можете дать рекламу своему блогу, оставив ссылку на блог в конце статьи.
Также мы принимаем заметки с информацией об интересных рукодельных играх и конкурсах, проводящихся на просторах рунета. Здесь одно условие - конкурс не должен быть коммерческим, т.е. не должен быть связан (прямо или косвенно) с деятельностью какого-либо магазина. Заметки об играх и конкурсах будут находиться на главной странице сайта 2-3 дня с момента их публикации, после чего будут перемещены в раздел "Посетители пишут. ".
Любой из опубликованных материалов, если он соответствует вышеописанным правилам публикации, появится на главной странице сайта сразу после того, как будет проверен модератором.
Если после прочтения данных правил у Вас возникли вопросы или пожелания, можете воспользоваться формой обратной связи. Если же нет, ссылка "Опубликовать материал" расположена ниже. Спасибо за внимание, уважаемые посетители!