Если вы один из многих блоггеров, зарегистрировавшихся на бесплатную учетную запись Blogger, вас может заинтересовать, как создать собственный шаблон Blogger вместо того, чтобы использовать некоторые бесплатные шаблоны, существующие в Интернете. Это руководство поможет вам создать собственный шаблон за четыре простых шага.
Узнайте, как сделать шаблон Blogger
Чтобы создать собственный шаблон Blogger, вам необходимо понять Бесплатный код CSS и советы (каскадных таблиц стилей). Это связано с тем, что шаблон Blogger основан на форматировании CSS, поэтому единственный способ правильно расположить текст, изображения и другие элементы шаблона — понять и использовать правильное форматирование CSS.
Самый простой способ создать свой собственный шаблон — не начинать с нуля, а вместо этого загрузить любой из множества бесплатных шаблонов, существующих в Интернете, а затем настроить его под себя. Элементы шаблона Blogger, которые вы хотите настроить:
- Фоновое изображение тела (ищите «тело»)
- Фоновое изображение по центру (ищите «#center»)
- Изображение заголовка (ищите «#header») — также задайте высоту и ширину
- Изображение нижнего колонтитула (ищите «#footer») — также установите высоту и ширину
- Внешняя обертка («#outer-wrapper») — это ширина вашего блога.
- Main («#main») — установить ширину раздела для постов
- Sidebar («#sidebar») — установить ширину правой и левой боковых панелей
Найдя каждый из этих элементов в существующем шаблоне и настроив их в соответствии со своими потребностями, вы сможете легко и быстро создать свой собственный шаблон.
Другие элементы шаблона Blogger
Даже после того, как вы настроили основные части своего шаблона Blogger, перечисленные выше, остается большое количество элементов CSS, которые вы можете настроить для дальнейшей настройки и создания собственного шаблона.
- Тело — ключевое слово CSS body позволяет изменить отступы и отступы основного текста, цвет фона, общий размер шрифта основного текста и другие элементы основного текста блога.
- H1, H2 и т. д. — это различные заголовки, которые вы будете использовать в своем блоге. В этих разделах шаблона вы определяете поля, отступы, цвет и размер шрифта для каждого типа заголовка.
- P, OL, UL и BLOCKQUOTE — для каждого из этих элементов вы можете определить высоту каждой строки, поля, отступы и стиль списка (для списков).
- A — Определите цвет и другие характеристики ссылок в вашем блоге.
- IMG — определение характеристик встроенных изображений и ссылок на изображения.
Сила CSS в шаблонах XML Blogger заключается в том, что вы можете определить все форматирование и структуру своего блога в одном файле, используя код CSS. Вот почему вам никогда не придется беспокоиться о форматировании, когда вы пишете сообщения в блоге, потому что вся работа по форматированию уже выполняется с помощью вашего шаблона.
Различное форматирование для разных разделов блога
В дополнение к элементам, перечисленным выше, при прокрутке базового шаблона вниз вы также можете обнаружить, что указанные выше элементы повторяются. Это связано с тем, что разные разделы вашего блога могут иметь разные настройки форматирования.
Например, вы можете найти разделы с пометками «#menu», «#posted», «#content» или что-то еще, что определяет конкретный раздел блога, который нуждается в информации о форматировании. Это позволяет вам устанавливать различные шрифты, заголовки, поля и другие параметры для таких разделов, как ваше меню, записи сообщений, боковые панели и другие элементы блога.
Дополнительные соображения
Когда вы учитесь создавать шаблон Blogger, у вас может возникнуть соблазн добавить в него содержимое. Однако важно помнить, что шаблон — это не место для статического контента (например, названия вашего блога). Вся эта информация содержится в элементах страницы, которые вы устанавливаете в своей учетной записи Blogger. Когда вы загружаете бесплатный шаблон Blogger для использования в качестве базовой отправной точки, все эти значения автоматически загружаются с помощью сценария, поэтому не поддавайтесь желанию вводить статический текст или содержимое блога непосредственно в шаблон.
Помните — шаблон предназначен только для форматирования вашего блога, а не для добавления контента! В некоторых случаях вас попросят вставить код непосредственно в ваш шаблон, например, для Google Adsense, но в большинстве случаев вы будете добавлять виджеты и гаджеты в свой блог через графический интерфейс Blogger, как только у вас будет база. шаблон рабочий.
Самое главное, даже если вы никогда в жизни не писали ни строчки кода, любой может научиться изменять существующий шаблон, и тем самым вы в конечном итоге узнаете, что означают коды CSS и XML и как они влияют на внешний вид. вашего блога.