Как создать красивую подпись и вставить в Blogger

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

Сделать такую подпись совсем не сложно, с помощью онлайн сервиса My Live Signature, что в переводе на русский язык - моя живая подпись (если Google правильно перевёл).

Подпись для блога
Как создать красивую подпись

В сегодняшнем посте я покажу вам, как создать стильную подпись и вставить её под каждое сообщение блога

Как создать подпись автора блога или надпись названия блога для сайта

Для этого заходим на сайт My Live Signature и нажимаем Start Now!

mylivesignature
My Live Signature

Откроется страница выбора метода для создания подписи и шрифта. Нажимаем первый метод бесплатный - Использование мастера для создания подписи:

signature
Использование мастера

Далее, появится страница, где Вы вписываете: Имя, инициалы или псевдоним для создания подписи. Не забудьте,что можно и название своего блога. К сожалению текст надо вписывать на транслите или на английском языке (смотрится очень красиво). Пробовал на русском, не получилось.

name
Имя, инициалы или псевдоним

Нажимаем Next Step. На следующей странице выберите шрифт, который лучше всего подходит для вашей подписи. Можно использовать эти кнопки для перемещения между страницами со шрифтами. Страниц очень много - 120. Вы обязательно подберёте особенный, стильный, красивый шрифт.

font
Выбор шрифта для подписи

Как видно из скриншота, тут же Вы сможете видеть предосмотр вашей подписи. После подбора шрифта опять нажимаем  Next Step - Следующий шаг (я дальше буду пропускать, чтобы не повторяться много раз). Теперь перед вами стоит такая задача, это выбрать размер для подписи.

size
Выбираем размер надписи

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

color
Подбор фона и цвета для подписи

Пятый шаг. Задаем угол, наклон для подписи.

slope
Задаем угол, наклон для подписи

Заключительный шаг. У вас есть несколько вариантов для дальнейшего использования готового изображения. Вы можете сохранить рисунок у себя на компьютере (как сохранять Вы наверняка знаете) или использовать ссылку на рисунок самого сервиса My Live Signature. Об этом чуть ниже.

finished
Сохранить изображение на компьютере

Чуть ниже на странице нажимаем ссылку: Хотите использовать эту подпись?

signature_fin
Использовать эту подпись

На открывшееся странице выбираем: Генерировать код HTML.

code
Генерировать код HTML

Далее, выбираем какой Вы хотите создать HTML код. Нам нужно выбрать первый вариант. Второй вариант это - указать различные данные к подписи, телефон, факс, сайт, и тому подобное.

generate_code
Выбрать первый вариант

И перед ваши очи откроется сгенерированный HTML код для вашей подписи:

html_code
Сгенерированный HTML код

Копируем код в свой блокнот.

Как вставить свою подпись под каждое сообщение в Blogger

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

<a href="http://www.mylivesignature.com" target="_blank"><img src="http://signatures.mylivesignature.com/54491/179/21F43D55E4836A7F401056B569D79AF1.png" style="border: 0 !important; background: transparent;"/></a>

Выделено синем цветом это - ссылка на сайт сервиса, но нам она на фиг не нужна, поэтому вы можете заменить естественно на URL адрес своего блога или полностью удалить всю строчку выделено зеленым цветом. Красный цвет это - адрес url изображения на сервисе My Live Signature, можете использовать как есть. Если Вы сохранили рисунок на компьютере, то закиньте эскиз на свой хостинг, например на Dropbox, а ссылку на изображение вставьте в код. Как пользоваться и использовать хостинг Dropbox читаем здесь.

Первый способ вставки подписи это - самый, самый легкий. Просто при написании статьи в режиме HTML вставлять код. Подойдёт для тех, кто хочет иметь подпись в некоторых сообщениях. Второй способ. Вам нужно зайти в панель инструментов Blogger - Настройки - Сообщения и комментарии. Шаблон сообщения - Нажать на Добавить и в открывшееся окно вставить код.

code_blogger
Вставка кода в шаблон для сообщений

Не забудьте сохранить изменения. Таким образом ваша подпись будет появляться каждый раз при создании нового сообщения. В старых постах подписи не будет.

И третий вариант. Зайти Шаблон - Изменить HTML, поиск строчки <data:post.body/> и над ней (подпись будет отображаться в начале статьи) или после вставляем ваш код подписи. Если у вас в шаблоне несколько строчек <data:post.body/>, то используете вторую. Сохраните шаблон. Ваша красивая подпись появится после всех сообщений. Удачи. До новых встреч.

С уважением, Сергей - блог



Комментарии

  • Отличный пост, как раз то что я искал! Спасибо!

    • Привет,Артём!Да, мне самому нравится, шрифт просто великолепный.Красота.

      • Сергей, скажите, а вы не сталкивались с такой интересной вещью, хочу понять как ее делают: Последнее время часто замечаю подписи (обычная ссылка) в комментариях у некоторых пользователей blogger. Ссылка находиться в самом конце комментария, под текстом и появляется абсолютно в каждом комменте этих пользователей (что-то типа подписи на форумах). Мне сказали, что автоматизировать ее вывод нельзя и это люди сами каждый раз ее прописывают вручную. Так ли это? Или может все таки есть решение?

        • Привет,Артём!Такие ссылки я пока не встречал и поэтому сказать по этому поводу ни чего не могу.

          • Разобрался, все очень просто — решения нет, они сами ее всегда вставляют в коммент =) Дурно!
            В любом случае спасибо вам за отклик и желание помочь! Успехов!

  • Все замечательно, кроме одного: у меня в коде шаблона нет строчки . Как вставить код в этом случае? Шаблон стандартный

  • а я правильно понял, что надпись всегда с фоном? то есть прозрачный фон не получится?

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Решите задачку: *