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

суббота, 31 мая 2008 г.
Подключение нестандартного шаблона для 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) коде. Упоминание создателя дизайна, в принципе, можно и оставить, а вот различные реферальные ссылки я бы на вашем месте удалил:)

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

P.S. Постовой. В нашем интернет магазине вы можете купить обогреватель для дома или квартиры.
Понравился пост? Подпишись на обновления блога по BlogoHelp RSSRSS, BlogoHelp по EmailEmail или twitter!
Как вам пост?   

Технические работы в блоге

четверг, 29 мая 2008 г.
Всем привет.

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

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

Также много времени уходит на мой основной ресурс – персональный блог, посвященный Интернету и всем, что с ним связано. К концу месяца удалось выйти на достаточно хорошие показатели посещаемости, а еще больше идей по развитию и продвижению находится на стадии реализации. Времени, увы, катастрофически не хватает:(

На выходных блог опять заработает в нормальном режиме.
Оставайтесь на связи.

Понравился пост? Подпишись на обновления блога по BlogoHelp RSSRSS, BlogoHelp по EmailEmail или twitter!
Как вам пост?   

Профиль пользователя в Blogger

воскресенье, 18 мая 2008 г.
Профиль пользователя в BloggerПрофиль пользователя в Blogger – это персональная страница, где собрана информация об авторе. Для блогов считается правилом хорошего тона наличие данных о создателе ресурса: минимум – небольшой блок, который отображается на всех страницах сайта, наиболее оптимальный вариант – выделение для этого отдельной страницы.

Авторы системы Blogger, видимо, решили пойти пользователям на встречу и разработали механизм для создания и редактирования собственного профиля. В Blogger`е можно указывать разного рода данные о себе:
  • Персональные: ник или имя, которое будет отображаться в качестве заголовка профиля, адрес электронной почты, настоящие имя и фамилию, собственную фотографию (аватарку) и даже аудиоклип.
  • Общие данные: пол, дату рождения, ссылку на личную Интернет страницу, номер аськи, а также ссылку на собственный «список желаний» (wishlist).
  • Местоположение и работа: город, регион, страну, вид деятельности и род занятий.
  • Подробная информация: краткий текст о себе, перечень интересов, любимых фильмов, музыки и книг.
Ссылку на редактирование или просмотр собственного профиля вы можете найти в панели инструментов в правом верхнем углу.
Ссылка на профиль в админке Blogger
В данном случае еще хотелось бы обратить внимание на настройки конфиденциальности профиля:
Ссылка на профиль в админке Blogger
Доступ к профилю, в принципе, можно закрыть вообще (функция для секретных агентов:).
Вторая настройка позволяет вместо никнэйма отображать настоящее имя и фамилию, опция после нее - показывать всем адрес электронной почты. Некоторые, боясь спама, ее не активируют, хотя, как показывает практика, спамеры все равно достанут ваш ящик, если вы активно занимаетесь блоггингом. Весьма полезной может оказаться возможность закрыть от всеобщего обозрения те или иные блоги, которые вы ведете. Если, конечно вам есть что скрывать.

Напоследок, чтобы уже «добить» данную тему и не оставить вопросов, добавлю, что в Blogger существует специальный элемент страницы под названием «Профиль». После установки его на ваш блог, пользователи смогут видеть ту или иную краткую информацию о вас. В конце блока будет отображаться ссылка на полную версию профиля. Создать этот элемент можно в разделе «Макет».
Понравился пост? Подпишись на обновления блога по BlogoHelp RSSRSS, BlogoHelp по EmailEmail или twitter!
Как вам пост?   

Определение посещаемости блога на Blogspot

воскресенье, 11 мая 2008 г.
Определение посещаемости блога на BlogspotСейчас существует достаточно много сервисов статистики, которые позволяют не только определить количество посещений или переходов по страницам сайта, но и определить некоторую информацию о самом посетителе: откуда он пришел, как долго пребывал на сайте, каким браузером пользовался или в какой стране живет. Все это иногда может быть весьма полезным при работе с серьезными проектами, когда важно знать подобного рода данные и уметь их анализировать. Персональные (рядовые) блоги, в принципе, не требуют столь скрупулезного подхода, но, я думаю, знать своих читателей и посещаемость сайта весьма интересно.

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

Liveinternet.ru
На сайте проекта регистрируем собственную учетную запись – для этого кликаем по кнопке «Получите счетчик». После заполнения данных о себе, вы получите доступ к подробной статистике по вашему ресурсу. Сервис является одним из лучших бесплатных решений в данной сфере. Слева в системе находится меню для навигации по разным отчетным данным, а в центре – непосредственно информация о ваших достижениях.
Статистика от Liveinternet.ru
Зарегистрировавшись на сайте Liveinternet, вы получите код счетчика, который необходимо добавить на свой сайт для отслеживания и анализа посетителей. Рассмотрим этот процесс для в блогов на Blogspot. Заходим в адмику, выбираем меню «Макет» раздел «Элементы страницы»:
Статистика блога на Blogspot
Здесь схематически представлен вид сайта, можем видеть (в данном случае) элементы заголовка, левой колонки, текстовый блок и низ. Для каждого из них есть ссылка «Изменить» (1), кликая по которой мы получим доступ либо к редактированию кода того или иного элемента, либо к изменению его настроек. Есть также небольшой блок «Добавить элемент страницы» (2), выделенный пунктирной линией. Если хотим создать новый элемент, нажимаем по нему. В данном случае это именно то, что нам нужно, поэтому выполняем данную операцию.

Во всплывающем окне вы увидите перечень типов элементов для добавления в блог. Выберем «HTML/JavaScript», после чего откроется еще одно окно, куда мы должны вставить полученный ранее код от Liveinternet. Нажимаем кнопку «Сохранить изменения» и можем проверять как отображается счетчик на сайте.

Google Analytics
Еще один бесплатный сервис статистики, на этот раз от всемирного гиганта Google. Регистрируемся на сайте проекта, после чего в системе мы получим код для вставки на сайт. Чтобы установить его на Blogger.com выполняем аналогичные действия как и для системы Liveinternet. Хотя, в принципе, код отслеживания статистики можно поместить непосредственно в шаблон блога, поскольку визуально он никак не отображается и перемещать его в дальнейшем не потребуется.

Для того чтобы поместить код Google Analytics в шаблон, заходим в меню «Макет» раздел «Изменить HTML». Находим в самом конце шаблона место где заканчивается тэг </body> и перед ним вставляем код системы статистики. Затем сохраняем шаблон.
Статистика блога от Google Analytics
P.S. Если вы заметили, то в конце постов выводятся ссылки на тексты разных авторов с кратким текстом-аннотацией. Все это происходит благодаря сервису FeedMates.ru. Данная система позволяет обмениваться местами для контекстных объявлений в блогах. Таким образом, в то время как статьи других блоггеров будут рекламироваться у вас, ваши отобразятся на их сайтах. Это все позволяет привлечь дополнительный трафик на свой ресурс. Причем благодаря сложным алгоритмам система может определять весьма релевантные (схожие) тематики с вашей. Чтобы узнать подробнее читаем статью Привлечение трафика на сайт с помощью FeedMates.ru.

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

Полезное:

Понравился пост? Подпишись на обновления блога по BlogoHelp RSSRSS, BlogoHelp по EmailEmail или twitter!
Как вам пост?   

Сообщения «под катом» в Blogspot

четверг, 1 мая 2008 г.
Сообщения «под катом» – это разбиение постов на 2 части: краткое описание и полный текст. С самого начала в ленте блога отображается лишь вступительная часть записи, в конце которой располагается ссылка, например, «Читать далее». После клика по ней посетитель попадает на страницу с полной версией. Есть несколько причин для применения сообщений под катом, чаще всего это производится из-за большой длины постов. Кроме того, если в них содержится много графических и видео материалов, то загрузка сайта может занять немало времени. Для людей с медленным Интернетом это может быть не очень приятно.

Существует 2 способа реализации сообщений под катом для Blogspot. В первом вы должны будете проставлять ссылку вручную для каждого сообщения, но вместе с этим, сможете оставить полное отображение некоторых из постов (хотя оно все равно будет дополнено ссылкой «Читать далее»). Во втором - все делается автоматически сразу для всех записей. Сегодня рассмотрим первый вариант.

Как обычно при редактировании шаблона, рекомендую сохранить код в какой-то текстовый файл на локальном компьютере, чтобы была возможность его восстановить. После этого нужно в разделе настроек «Архивирование» поставить значение «Да» в поле «Включить страницы сообщений». Дальнейшая настройка выполняется в три шага.
Внимание! Я рассматриваю вариант решения только «для макетов», по поводу классических шаблонов можно посмотреть в руководстве от Blogger`а.

Шаг1. Условные CSS
Итак, находим в шаблоне место, где заканчивается блок заголовка (</head>) и добавляем перед этим тэгом следующие строки:

<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>


Шаг2. Ссылки «Читать далее»
Нужно обязательно поставить галочку «Расширить шаблоны виджета» над блоком кода шаблона слева.
Расширить шаблоны виджета в Blogger
Находим строку <data:post.body/> и после нее добавляем следующий код:

<b:if cond='data:blog.pageType != "item"'><br />
<a expr:href='data:post.url'>Читать далее</a>
</b:if>


Данная настройка сделает так, что ссылка «Читать далее» будет отображаться только на главной странице и на страницах архива, а также переадресовывать читателя на полную версию поста.

Шаг3. Изменение сообщений
В каждое сообщение, которое вы хотите изменить, нужно добавить небольшой фрагмент кода - <span class="fullpost"></span>. В итоге получаем следующий формат постов:

Начало текста. <span class="fullpost">Продолжение сообщения.</span>

Краткое описание должно быть за пределами тегов span, а остальной текст между ними.

Кстати, чтобы не добавлять в посты каждый раз этот код, можно разместить его в шаблон сообщения (меню «Настройки» - «Форматирование» в самом низу страницы).

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

Полезное:

Понравился пост? Подпишись на обновления блога по BlogoHelp RSSRSS, BlogoHelp по EmailEmail или twitter!
Как вам пост?   
Related Posts with Thumbnails