Конкурс в блоге

Подключение нестандартного шаблона для Blogger.com

31 Май 2008 г.
Posted by Tod
Подключение нестандартного шаблона для Blogger.comНестандартный дизайн для блога может произвести хорошее впечатление на ваших посетителей, поэтому следует уделить ему отдельное внимание. В принципе, есть два различных подхода относительно усовершенствования сайта. Кто-то предпочитает сначала заниматься функционалом, настроить все информационные блоки и модули, которые потребуются для работы, а затем уже приступать к оформлению. С другой стороны, после подключения нового дизайна на 99% возникнет необходимость вносить изменения в HTML код.

В принципе, многое зависит от автора и целей создания определенного ресурса. Все давно знают, что главным в блогах является именно контент! Если вы еще не определись насчет собственного блоггерского будущего, и это ваш первый опыт разработки подобного ресурса в Интернете, то для начала можно ограничиться стандартными шаблонами от Blogger.com. Благо там есть из чего выбирать. Лично я так и поступил для BlogoHelp`а.
А сейчас поделюсь несколькими основными моментами относительно смены дизайна в блоге на Blogspot. Настоятельно рекомендую прочесть всю статью целиком, прежде чем приступать к действиям.

Во-первых, нужно найти подходящий вам дизайн. Это сделать не сложно, поскольку в Интернете полно разных вариаций 2-х, 3-х колоночных сайтов, светлых, темных и многих других. Для поиска используем Google, ищем ресурсы по словосочетанию «Blogger templates». Я в будущем сделаю отдельным постом подборку всех найденных ресурсов с шаблонами, а пока приведу 2 полезные ссылки – 50 самых красивых шаблонов для Блоггера и сайт btemplates.com (там дизайнов просто немеряно:) Сейчас по неопределенным причинам ресурс, к сожалению, глючит).
UPD (15.06.09): Вот новые ссылочки на посты: шаблоны для Blogger и 12 архивов (источников) Blogspot шаблонов.

Вторым важным моментом при установке нестандартного дизайна для Blogger.com является вид шаблона. Дело в том, что ранее система Blogspot использовала так называемые классические (HTML) шаблоны, а сейчас применяется технология XML. Как вы уже, наверное, догадались эти два вида несовместимы. Поэтому, если вы для своего блога установите неподходящий шаблон, он может и не работать. Чтобы переключиться в формат классического шаблона нужно под полем ввода HTML кода кликнуть по соответствующей ссылке:
подключение шаблона для Blogspot
Самая главная часть процесса установки нового шаблона заключается в копировании кода, найденного в Интернете, на ваш блог. Внимание! Очень важным моментом перед началом работы есть сохранение текущего варианта шаблона, чтобы вы всегда могли его восстановить в случае возникновения неполадок. Для этого нажимаем по ссылке «Загрузить весь шаблон» сразу под меню. После чего текущий макет будет сохранен на ваш локальный компьютер в формате XML.
подключение шаблона для Blogspot
Если для установки классического шаблона вам следует копировать его HTML код в поле ввода, то для XML можно просто загрузить все данные через файл с одноименным расширением. Сначала сохраняете его себе на компьютер с сайта шаблонов, где он был найден. Потом в админке с помощью кнопок «Обзор» и «Загрузить» производите установку:
подключение шаблона для Blogspot
В принципе, на этом подключение шаблона должно закончиться. Но в моем случае проблемы только начинались. Вот что удалось выяснить для себя с процессом установки:

Сложности и нюансы:
В процессе подключения нового шаблона вам будет показано сообщение о том, что существующие информационные блоки (элементы блога) будут удалены. В принципе, можно с этим согласиться и нажать ОК. У меня, увы, по непонятным причинам в данной ситуации возникала ошибка, и никакой дизайн не подключался. Решить проблему получилось удалением всех установленных элементов макета. Я оставил только одну оболочку шаблона по умолчанию. Конечно, предварительно текст, настройки и коды скриптов тех или иных блоков нужно запомнить или где-то записать. Так будет гораздо проще их создать заново уже для нового шаблона.

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

Кстати, будьте внимательны – авторы шаблона часто прописывают некоторые данные прямо в HTML (XML) коде. Упоминание создателя дизайна, в принципе, можно и оставить, а вот различные реферальные ссылки я бы на вашем месте удалил:)

Желаю удачи в обновлении шаблонов ваших блогов! Если возникнут вопросы – пишите в комментариях.
Как вам пост?   
Подписаться на обновления блога по BlogoHelp RSSRSS или BlogoHelp по EmailEmail

24 коммент.:

kvasyok комментирует...

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

Alex комментирует...

Спасибо за статью! Давно хотел изменить свой шаблон, а тут такое море готовых! Класс!

Tod комментирует...

Пожалуйста:)
kvasyok, я написал выше, что у меня все блоки удалились, так потом вспомнил, что великий и могучий Google хранит страницы сайта в кэше, короче открыл некоторые старые страницы и скопировал из них содержимое:)

kvasyok комментирует...

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

kvasyok комментирует...

Вопрос в догонку:
как загрузить на сайт файл фавиконки (надеюсь,правильно назвал)? очень хотелось бы узнать...спасибо)

Tod комментирует...

kvasyok, думаю, да:) Получилось достаточно хорошо. Восстановление, конечно, занимает какое-то время, но лучше один раз его сделать, а блог при этом будет производить нестандартное положительное впечатление.
По иконкам - нужно залить сам файл на какой-то хостинг картинок бесплатный, а после этого уже подключить из файла шаблона. Для этого пишем в коде что-то вроде:
<link rel="shortcut icon" href="путь_к_файлу/favicon.ico" />
Подробнее можно почитать здесь - Все об иконках favicon.ico

kvasyok комментирует...

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

John Freeman комментирует...

Mne pokazuvaet kakyjy-to vottakyjy oshubky tipa "К сожалению, выполнить запрос не удалось.

При отправке этого отчета об ошибке в службу поддержки Blogger или в группу справки Blogger:

* Расскажите, при каких обстоятельствах произошла ошибка.
* Предоставьте следующий код ошибки и дополнительную информацию. bX-btcv0r".
Help,please!

Tod комментирует...

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

John Freeman комментирует...

Tak vse i sdelal - 4istui shablon ostalsya i vse ravno eta xren'.Ny da ladno,perejuvy kak-to.Xotya obidno kone4no..

Tod комментирует...

Еще могу посоветовать попробовать другие шаблоны по умолчанию - самый первый простой поставить, если ты другие используешь.
И попробовать другие сменные шаблоны, возможно тот, который ты хочешь содержит ошибку, он на 100% XML?

Ryav комментирует...

Пасип, помогло.. )

a13x4ndr комментирует...

Во-первых btemplates.com уже не глюяит. Во-вторых, глючит Blogger, не позволяя с первого раза установить новую тему.
Мое решение. Установить стандартную тему. Удалить все гаджеты. Попробовать другой браузер (у меня не шло в Firefox, но получилось в Chrome).

Konst комментирует...

Спасибо! подберем-с шаблончик :)

Allpa комментирует...

Странно... я перепрыгнула для смены шаблонов с Оперы в ФФ - удалось поставить несколько. Потом опять затык. Чистила кеш, как советовали здесь ( http://pocket-templates.blogspot.com/2008/12/clear-your-cache-how-to.html ) - та же ошибка. Ставила стандартный шаблон, а потом уже новый - опять ошибка.
Теперь читаю здесь, что надо удалить все гаджеты - КАК их удалять? Вот они есть в стандартном каком-нить шаблоне, я могу только внести изменения в гаджет - есть только кнопки "сохранить" и "отмена". А УДАЛИТЬ - как?
Буду очень благодарна за совет...

Allpa комментирует...

Ооо, чёрррт! Как я не заметила кнопку "Удалить"?! Дура!
Ура, всё получилось! :))
Огромное спасибо за великолепный блог и ценные советы!!!
Жмуруку. :)

Zefir комментирует...

А у меня все равно не получается. Выбивает одну и ту же ошибку ((
"bX-si9ejx"

Tod комментирует...

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

Можно попробовать перед установкой шаблона удалить все виджеты из боковой панели, все равно их настраивать придется заново.

Zefir комментирует...

Tod, я сооздал сибе новый "чистый" блог без всяких виджетов и дополнений, а скачиваю шаблоны с разных сайтов, поэтому даже не понимаю что делаю не правильно ((

Tod комментирует...

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

gosublogger.com/2008/08/vibrant-blogger-xml-template/

Это тема данного блога, недавно ставил ее еще разок.

Nicon L. комментирует...

Спасибо за статью, думал сменить можно только на стандартные "убогие" гугловские темы, а оказывается есть и красивые темы! Поменял на Ele.
Еле выбрал дизайн, их такое огромное кол-во, что аж глаза разбегаются!

Сергей комментирует...

А как можно перейти от html к xml, после перехода к стандартному шаблону?

Tod комментирует...

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

Fairytale комментирует...

Хелп ми, плиииз. В общем, я полный профан в html xml и тд и тп. Скачала шаблон, установила его, а менюшка ( типа home, about, FAQ) и, не знаю ,как обозвать, вкладки, что ли, типа архивы и тд, не работают, те ссылки на них.
http://fancyplanet.blogspot.com/ - вот такая штуковина