Приветствую вас друзья на блоге bloguspeh.ru. Нравится мне эксперементировать с Блоггером, на самом деле из него можно лепить как из пластелина. И вот сегодня я хочу предложить вам ещё одну фишечку для блоггеров, которые ведут свои блоги на Blogspot. А именно, хочу показать как добавить логотип блога перед заголовком сообщения.

Хотя это может быть любое изображение, иконка, аватарка или ещё что то. Такое изображение, вы можете видеть у меня на блоге перед каждым названием поста. Или же, можете посмотреть как вариант на моём Демо блоге.

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

1) Переходим в Blogger -> Дизайн -> Изменить HTML

2) Рекомендую сделать резервное копирование шаблона

3) С помощью клавиш Ctrl+F ищем: .post h3

4) Вы должны увидеть примерно такой код:

Теперь давайте немножечко поясню что к чему:

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

font-size: 20px; это размер шрифта заголовка, можете его увеличить или уменьшить.

Это пожалуй самые основные настройки, которые вам необходимы. Теперь вы можете нажать на кнопку "Просмотр" и посмотреть как выглядит логотип блога перед заголовком сообщения. Если вас всё устраивает, тогда можете смело сохранять шаблон. Если же, что то будет не получаться, не стесняйтесь задавать вопросы, я конечно же чем смогу помогу.

Если вы хотите, ещё как то приукрасить свой блог и плюс ко всему, ещё и принести полезность для него, тогда посмотрите как сделать симпатичную плавающую кнопку от Twitter. Ну вот друзья, пожалуй на сегодня и всё. Буду рад вашим ретвитам и комментариям. Желаю удачи и до скорой встречи!

Хотите получать свежие статьи?