Журнал Рукоделие

РУКОДЕЛИЕТАЛАНТЫ

Как сделать кнопку с кодом для блога

Опубликовано 31 июля 2012 Olgazhidileva
Вы уже видели мою хорошенькую новую кнопочку вон там, справа вверху? Вам придется согласиться, что она хорошенькая, потому что она мне нравится и я очень долго с ней мучалась, поэтому я не готова выслушивать критику:) Когда я только собралась ее делать, я задала поиск в Яндексе “как сделать кнопку для блога сайта с кодом” и мне не попалось вообще ничего подходящего. Наверное, я просто не знаю, как это правильно называется по-русски, у меня частенько такая проблема бывает:) Потом я загуглила “blog button with code tutorial” и он мне выдал целую кучу. Мне пришлось покопаться в этой куче, и после четвертого объяснения и двадцатой попытки у меня получилось то, что хотелось.

Я подумала, что если я так мучаюсь, наверное, есть и другие люди, которые не умеют делать кнопки и хотят научиться. Поэтому я решила попытаться хоть чем-то помочь.
Больше всего мне понравилось объяснение на блоге Iceydesigns. У нее самый простой и короткий код, с которым-то у меня, наконец, все и получилось. Поэтому я не буду выдумывать велосипед, а отошлю вас на ее блог, а сама прокомментирую то, что мне показалось наиболее трудным.

Итак, шаг 1. Для кнопочки вам нужно изображение. Если вы знакомы с графическими редакторами, это не будет сложно, обработайте любую фотографию. Я увековечила свою махровую петунию:)

Как сделать кнопку с кодом для блога

Я пользуюсь GIMP и iPiccy — хорошая онлайн программа. Размер советуют брать 125*125 пикселей, но это не железное правило, но во всяком случае шириной не больше 150 пикселей. Если вы не дружите с графическими редакторами, не отчаивайтесь, для вас тоже хорошие новости — автор блога предлагает несколько бесплатных шаблонов для кнопки! Вам нужно просто скопировать картинку. Хотя в редактор все-таки придется залезть, чтобы написать название своего блога:)

Шаг 2. Когда изображение готово, вам надо его где-то разместить в интернете. Легче всего, на мой взгляд, открыть черновик в вашем блоге (как будто вы собираетесь писать новый пост, хотя на самом деле вы никогда не будете его публиковать, он будет просто местом хранения изображения — смотрите, не удалите этот черновик случайно!) и загрузить туда изображение. Затем откройте HTML вид вашего черновика (надо нажать на кнопку HTML рядом с кнопкой создать) и вы увидите адрес вашего изображения. Адрес находится в кавычках и начинается с http:// и заканчивается jpg. Оставьте его открытым, чтобы быстро найти.
Вот так он выглядит у меня (адрес изображения я выделила):

Как сделать кнопку с кодом для блога

Шаг 3. Найдите на блоге Iceybooks HTML код для кнопки между двумя пунктирными линиями.  Скопируйте его или в документ Word или тоже в черновик — вам просто нужно место, где с ним работать.

Как сделать кнопку с кодом для блога

Шаг 4. Самый ответственный. Приготовьтесь морально, что с первого раза не получиться. В код надо вставить в двух местах адрес изображения (он там красным) и один раз адрес вашего сайта в том виде, какой он у вас написать в браузере. Мой например http://thetimeofsinging.blogspot.com/ Аккуратно все вставляйте, проверьте все кавычки, все < >. При копировании эти значки могут отобразиться бессмысленным (для нас, чайников:)) набором букв. Я не знаю, надо ли их менять или так будет работать, но на всякий случай меняла вручную.

Шаг 5. Теперь открываем панель для гаджетов. В блоггере это Дизайн, добавить гаджет, выбираем HTML/Javascript код, вставляем, просматриваем -  не получилось:) Если получилось с первого раза — вы герой, жму вам руку, напишите мне об этом:) Если не получилось возвращаемся к шагу 4 и все тщательно проверяем.

Пишите мне, если есть вопросы, будем мучаться вместе, а потом вместе любоваться на наши кнопочки!

Товары для новорожденных!

Запись Как сделать кнопку с кодом для блога впервые появилась Время пения.

Vous pourriez être intéressé par :

Добавить комментарий Сообщить о нарушениях Распечатать эту статью Поделиться на Facebook См. оригинал статьи
Вернуться к Избранному в категории Logo Paperblog

Эти статьи могут вас заинтересовать :

  • Развивающий игровой набор "Уточки".

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

    с 03 Сентябрь 2012   Katarinka
    РУКОДЕЛИЕ, ТАЛАНТЫ
  • Сумка "Броневая" )))).

    Не знаю, почему возникло такое название. ))) У меня какие-то ассоциации с этой сумкой... защитные, какой-то броненосец перед глазами ползёт... )))) Видимо,... Подробнее

    с 04 Сентябрь 2012   Katarinka
    РУКОДЕЛИЕ, ТАЛАНТЫ
  • Новое платье

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

    с 04 Сентябрь 2012   Elizeba
    ДИЗАЙН, РУКОДЕЛИЕ, ТАЛАНТЫ
  • Галерея "Созвездие"

    Наша студия является участницей уникального сообщества мастеров "Галерея "Созвездие".И вот, в составе этого замечательного коллектива мы участвовали в двух... Подробнее

    с 04 Сентябрь 2012   Oksana_panchenko
    РУКОДЕЛИЕ, ТАЛАНТЫ
  • Мармеладки

    "Химические" мармеладки. Последнее время стали очень нравится такие мармеладки, особенно мишки)Мишки, червячки, лимонные и апельсиновые дольки,... Подробнее

    с 05 Сентябрь 2012   Annaoriona
    ДИЗАЙН, ТАЛАНТЫ

Добавить комментарий