Показаны сообщения с ярлыком дизайн блога. Показать все сообщения
Показаны сообщения с ярлыком дизайн блога. Показать все сообщения

понедельник, 18 января 2016 г.

Как в Блоггере убрать строку Подписаться на сообщения Atom


Нашла два способа! Почему-то в разных шаблонах убирать строку "Подписаться на сообщения Atom" приходится по-разному.

Вариант 1.

Открываем Шаблон. Жмем кнопку Изменить HTML. Далее Форматировать шаблон.
Вызываем строку поиска на странице Ctrl+F. В появившееся окошка вставляем:

/* Variable definitions

Теперь делаем предыдущюю пустую строку  и вставляем код:

.feed-links {display: none; }

Получится так:

.feed-links {display: none; }
/* Variable definitions

Сохраняем изменения и любуемся работой! Строка "Подписаться на сообщения Atom" изчезла.

Вариант 2.

Также, как в первом варианте открываем шаблон, изменить HTML, форматировать шаблон, Ctrl+F. В окошко вставляем другой код:

<b:include name='feedLinks'/>

Просто находим  и стираем эту строку! Все готово!

(Для удивленных. Почему в этом блоге я не убрала "Подписаться на комментарии к сообщению (Atom)". Не хочу удалять здесь. Все же блог о Блоггер. В других блогах все убрано. Пример: http://moykot.blogspot.com

Удачи!

четверг, 10 января 2013 г.

Как настроить шаблон Blogger


Привет друзья мои!

Как и обещала, сегодня рассказываю подробно о том, как настроить шаблон Blogger. Удивительные 8 стандартных шаблонов могут превратиться в тысячи уникальных и неповторимых дизайнерских шедевров. Требуется всего лишь несколько щелчков компьютерной мышкой плюс фантазия, оптимизм  и доля хорошего авантюризма, чтобы получить такой шаблон, от которого Ваши посетители будут в восторге! (Прошу на мой шаблон не ориентироваться.  Это шпаргалка, а шпаргалка должна быть неприметной, серой и безликой.  Примеры хорошо оформленных блогов можно посмотреть в Blogger.)

Итак, продолжим! Заходим в нашу административную панель Blogger, жмем Мои блоги -> Название блога -> Шаблон -> Кнопка Настроить (оранжевая под картинкой вашего блога). Попадаем в Дизайнер шаблонов Blogger!

Рис.1 Дизайнер шаблонов Blogger

Изменить шаблон в Блоггер

Вкладка Шаблоны. Здесь мы видим 8 стандартных Bloggerовских шаблонов, каждый из которых представлен в различных вариантах. Выберем понравившийся нам шаблон по общему стилю.

Рис.2 Изменить фон в блоге на Blogger

Изменить фон в Блоггер

Вкладка Фон. На самом деле можно поменять не только фон, но и всю цветовую гамму блога. Примеры цветовых решений, подходящих к вашему блогу будут предложены Дизайнером шаблонов Bloggerа, - выбирайте любой, какой приглянулся или подберите цвета на свой вкус.

Рис.3 Изменить  ширину колонок в блоге на Blogger

Изменить ширину блога на Блоггер

Вкладка Регулировка ширины. Это все просто. Передвигаем бегунок в шкале до нужного нам значения. Запоминаем ширину всего блога или даже записываем это значение! Пригодится для вставки своей картинки в шапку. Подробно об этом написано в конце статьи.

Рис.4 Изменить количество колонок в шаблоне Blogger

Изменить количество колонок в шаблоне Блоггер

Вкладка Дизайн. Это самая важная деталь для юзабилити (удобство перемещения по блогу)! Продумайте, сколько и какой информации вы планируете размещать у вас в блоге, от этого зависит количество колонок и их расположение.  В шаблонах Blogger можно выбрать от 1-й до 4-х колонок, одна из которых будет содержать ваши записи, а боковые предназначены для вставки гаджетов (виджетов), то есть вывода популярных и важных статей, рубрик, меток, опросов, рекламы, баннеров, нужных ссылок, приглашений, всяких развлекушек , завлекушек и прочего, поэтому постарайтесь выбрать оптимальное количество, чтобы вашим читателям было удобно и комфортно.  После подбора количества колонок можно отрегулировать их ширину так, как вам надо (для этого переходим обратно на вкладку Регулировка ширины).

Рис.5 Вкладка Дополнительно

Изменить цвета и шрифты в Блоггер
 Изменить цвета и шрифты в Блоггер 2

Это самая интересная вкладка для тех, кто хочет под себя настроить все шрифты и цвета блога. Настройка шрифтов идентична редактору Word, правда выбора стилей написания поменьше, но зато с цветами и оттенками проблем никаких. Даю подсказку тем, кто планирует работать в фотошопе для оформления своего блога и хочет не ошибиться с цветом! При просмотре и выборе цвета в верхнем окошечке есть код, в котором зашифрован ваш выбранный цвет.  Эти коды пригодятся вам в работе с фотошопом, чтобы ваши кнопочки, рамки и баннеры точь в точь соответствовали цветовому дизайну вашего блога.  Конечно, есть красивые попугаи, но очень часто их расцветки слишком режут глаза.

Рис.6 Найти код цвета в шаблоне Blogger

Изменить цвет и найти шифр цвета


Для тех кому сложно ориентироваться в названиях, а нужно изменить шрифт или цвет заголовка. Жмем, например «Название блога». Видим шрифты и цвета

Рис 7 Изменить название блога 

Изменить шрифты в Блоггер

Рис.7 Подсказка (что вообще это такое?) выделена красным

Выделенная область изменений в Блоггер

Все! Все изменения сохраняем  - жмем кнопку «Применить к блогу» и переходим опять в административную панель. Просматриваем нашу работу, любуемся, а если что-то не понравилось, то бежим обратно в Шаблоны и исправляемся. Не забываем кнопку «Применить  к блогу» или, если передумали, то там есть ссылка "назад  в Blogger". Ничего страшного, если получившийся дизайн не совсем устроил. Всегда есть возможность исправить все, что нужно или, в крайнем случае, вернуться в стандартные настройки и сделать все заново и по-другому.

Ну, вроде бы закончили работать с дизайнером. Теперь можно поменять шапку блога, то есть вместо безликого пустого места вверху блога нарисовать туда картинку. Берем желаемую картинку размером ровно по ширине вашего блога (то значение в пикселях, что мы записывали или запоминали во вкладке Регулировка ширины), высота может быть любой, но оптимально, чтобы она не заслоняла половину вебстраницы!  Если ваша картинка меньше или больше – редактируем в фотошопе под нужный размер. Можно в фотошопе онлайн или в любом другом графическом редакторе, в котором вы обычно работаете.

Вставить картинку в шапку очень просто. Заходим  во вкладку Дизайн в административной панели Blogger

Рис.8 Изменить дизайн блога. Ищем гаджет (что это такое?) с названием вашего блога и нажимаем Изменить. 

Изменить дизайн шапки


Открывается это окно

Рис.9 Окно редактирования названия блога


Загружаем нужную картинку, сохраняем, смотрим на свой новенький красивый блог и радуемся проделанной работе!

В следующий раз пишу о том, что такое фавикон и с чем его едят! Кому интересно, жду!