Как установить шаблон на blogspot?

Как установить шаблон на blogspot

Делаем свой блог еще более удобным и красивым

Доброго времени суток, уважаемые читатели!

Зачастую бывает так, что «джентльменский набор» тем, который нам предоставляет бесплатный хостинг Blogger.com, не отвечает нашим потребностям ни в дизайне, ни в функциональности, да и хотелось бы как-то усовершенствовать облик своего сайта, придать ему оригинальности, выделить его из общего числа схожих ресурсов.

Как придать блогу оригинальность?

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

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

Из переписки с читателями я выяснила, что для многих новичков смена темы блога вызывает затруднения, а, поскольку, это «азы», без знания которых невозможно дальнейшее обучение, то я и решила пошагово объяснить, как это делается, чтобы в дальнейшем Вы могли с легкостью менять дизайн своего блога.

Шаг 1

Определимся с терминологией

Тема – это N-ое количество файлов (в число которых входят также и файлы шаблона), которые отвечают за внешний вид блога.

Шаблон – это код, определяющий структуру страницы сайта. Он также размещается в файлах (index.php, footer.php и т.д.). Они называются файлы шаблонов.

Файл шаблона – это файл, в котором содержится один или несколько наборов кодов (шаблонов).

Таким образом, шаблон является составной частью темы, а тема  представляет собой  совокупность шаблонов.

Это — лирическое отступление. Специально для тех, кто не может понять, почему в одном предложении можно встретить слова  тема и шаблон, и в чем их отличие.

Шаг 2

Ищем подходящие темы

Я подобрала для Вас  в качестве примера ресурсы, откуда Вы сможете скачать  подходящие темы для блогов на blogspot.

  • http://btemplates.com
  • http://mashable.com/
  • http://russwebshablon.blogspot.com/

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

2000 Премиум WordPress шаблонов

Шаг 3

Выбираем тему и  скачиваем ее

Темы обычно упакованы в архив rar. Сохраняем его.

Правой клавишей мыши вызываем меню и жмем открыть папку с файлом

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

Сохраняем, нажав на ок.

Распаковав архив, получаем вот такую папку:

Кликаем на нее, и из двух предложенных папок выбираем эту:

Здесь нас будет интересовать только один файл, прошу обратить на него внимание, так как именно его мы будем загружать на свой блог:

 Шаг 4

Устанавливаем тему

Заходим в панель управления блогом и выбираем Дизайн — Изменить HTML Обзор.

В открывшемся меню ищем папку там, где мы ее сохранили  (у меня она на рабочем столе), открываем ее

и загружаем тот самый файл, на который я просила Вас обратить внимание

Жмем на кнопку Загрузить и через секунду появляется сообщение о том, что изменения сохранены и можно посмотреть блог.

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

Как быть?

На Ваше усмотрение. Я всегда удаляю, чтобы получить тему в первозданном виде.

Все, что нужно Вы всегда сможете добавить.

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

Смотрим, что у нас получилось:

Что ж, неплохо. Теперь через гаджеты Вы можете добавить и популярные сообщения, и полезные ссылки, и  рекламу AdSense  и пр.

Сразу же, не откладывая, установите фавикон  и  проведите внутреннюю оптимизацию.

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

Удачи!

Сообщения по теме

Как перенести блог с blogspot на персональный домен?

Комментарии: 19

By Игорь | 21.10.2010 at 07:51

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

[Ответить]

By Ольга Сескутова | 18.11.2011 at 13:26

Юля, возможно, Вы зашли в Дизайнер шаблона. Этого делать не следует. Все гораздо проще.
Вы войдите в свою панель инструментов, далее выбираете вкладку Дизайн. В верхней панели у Вас будет 3 вкладки: элементы страницы, изменить html(то, что нам надо), дизайнер шаблонов(то, что нам НЕ надо).
Кликаете Изменить HTML.
Пришлите свой e-mail, и я отправлю Вам скриншот.

[Ответить]

By Юленька | 18.11.2011 at 13:00

Подскажите я захожу настройки дизайн а вот где изменить HTML не вижу помогите нужно загрузить свой шаблон

[Ответить]

By Anastasia | 08.04.2012 at 20:30

Здравствуйте! у меня после нажатия «изменить HTML» загружается окно с предупреждением, и когда наживаю «приступить» , то в окне появляется код и нет кнопки «обзор». подскажите, может я не там смотрю?

[Ответить]

By Ольга Сескутова | 09.04.2012 at 04:42

Анастасия, этот пост писался еще тогда, когда мы пользовались старой версией панели инструментов. В новой версии все немного по-другому: заходите в панель и инструментов блога, выбираете вкладку ШАБЛОН. С правой стороны вверху увидите кнопку РЕЗЕРВНОЕ КОПИРОВАНИЕ, кликаете на нее и появляется табличка с указаниями:
«Сохраните копию шаблона, прежде чем вносить в него изменения.»

Загрузить шаблон полностью. Вы загружаете и сохраняете. После чего
загружаете шаблон из файла на вашем компьютере.
Все. Если не все понятно — напишите, я опубликую пост со скриншотами. Возможно, что и у других читателей возникли такие проблемы.
Удачи!

[Ответить]

By Ольга Сескутова | 09.04.2012 at 10:59

Вот и отлично:))
Удачи Вам и успехов!

[Ответить]

By Anastasia | 09.04.2012 at 10:29

Ольга, спасибо! Все чудесно получилось 🙂 благодарю за скорый ответ

[Ответить]

By Ольга Сескутова | 13.09.2012 at 15:44

Анастасия, проверьте, правильно ли Вы распаковали архив и, самое главное, ту ли папку загружаете?
И еще. Вы уверены, что это блогспотовский шаблон, а не, например, вордпрессовский?
Мне трудно судить, не видя, что у Вас за шаблон, и что Вы загружаете.
Откройте блог-черновик и загрузите на него самый простенький шаблон, какой удастся найти. Так Вам проще будет понять сам принцип действий.

[Ответить]

By Анастасия Госькова | 13.09.2012 at 15:15

Ольга, здравствуйте! пытаюсь загрузить шаблон, как Вы писали, не получается:

Не удалось выполнить запрос.
Сообщая об этой ошибке в службу технической поддержки или в справочную группу Blogger, выполните указанные ниже действия.
Опишите, что вы делали в момент появления ошибки.
Укажите приведенный ниже код ошибки.

bX-lcbzu1

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

[Ответить]

By Ольга Сескутова | 17.09.2012 at 15:51

Нет, Анастасия, даже и не парьтесь:))
Подберите другой шаблон, благо их оч.много можно найти на любой вкус.
Если блог не открывается в эксплорере — это уже плохо. Судя по статистике, оттуда идет вполне приличный трафик.

[Ответить]

By Анастасия Госькова | 17.09.2012 at 15:21

Ольга, спасибо что так быстро отвечаете!
Разобралась в предыдущей проблеме — шаблон просто в эксплорере не загружался почему-то , но в опере все ок.
Установила шаблон Iris и появились проблемы:
1. пропал гаджет «постоянные читатели», добавить его снова не могу, т.к. пишет что он уже добавлен, то же самое с профием.
2. не могу добавить новую страницы, а когда вношу изменение в существующую, она перестает быть доступной («К сожалению, страница, которую вы искали в этом блоге, не существует.»), хоты в настройках я ее вижу
3. когда в дизайне пробую поменять гаджеты местами , то они просто исчезают и вновь добавить их не могу, т.к. они якобы уже добавлены (типа архива блога)
Кажется проще отказаться от него чем настроить, но он мне очень подходит
как думаете, реально ли с этим что-то сделать?

[Ответить]

By Анастасия Госькова | 17.09.2012 at 17:16

Эх, так хотелось его оставить.. спасибо:)

[Ответить]

By Ольга Сескутова | 18.09.2012 at 03:10

Анастасия, у меня к Вам также есть пара вопросов, и я отправила их Вам в письме. Но, возможно, Вы его не получили (проверьте, плиз, папку спам в почте)Буду признательна за ответ.

[Ответить]

By Ирина Зорг | 17.12.2012 at 07:36

Спасибо огромное) помогли очень и в том числе, разобраться с новой версией панели инструментов)

[Ответить]

By Ольга Сескутова | 17.12.2012 at 07:40

Рада, что смогла помочь:)
Вы можете подписаться на рассылку, в ней я даю последовательные рекомендации по настройке и первичной оптимизации блога.
Удачи:)

[Ответить]

By Леон | 31.01.2016 at 19:14

Ольга, здравствуйте!
Во-первых — большое спасибо за толковые разъяснения.
А во-вторых, если не секрет и пр. и пр., то скажите что у Вас за шаблон, где бы себе именно такой скачать (где качать «вообще» — знаю;))?

[Ответить]

By Ольга Сескутова | 01.02.2016 at 11:05

Леон, БлагоДарю 🙂

Шаблон этот платный, купить его можно здесь: https://creativemarket.com/ciaothemes/413161-Construction-WordPress-Theme.
Возможно, что уже выложили и в бесплатном варианте, но это, как правило, «крякнутые» версии, поэтому, насколько он будет «чистым» и хорошо настраиваемым — судить трудно.

[Ответить]

By Хемалата | 19.05.2016 at 15:56

Ольга, здравствуйте! А у меня к сожалению нет кнопки «резервное копирование», измучилась в поисках того, как шаблон загрузить в блоггер, я в Aristeer сама дизайн делала, файл экспортировала, а вот загрузить в блоггере «некуда». Если знаете как быть, подскажите пожалуйста. Целый день сегодня убила и безрезультатно 🙁

[Ответить]

By Ольга Сескутова | 21.05.2016 at 20:29

Если я Вас правильно поняла, то импорт и резервное копирование Вы можете найти, перейдя последовательно: Настройки — Другое-Импорт и резервная копия. Идите по подсказкам и сможете загрузить с компьютера файл с кодом шаблона. Но, насколько мне известно, в программе Артистер (если она у Вас лицензионная) есть возможность загрузить готовый сайт сразу на BlogSpot.

[Ответить]

Оставьте Ваш комментарий

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