Официальные блоги Google и Blogger полны ошибок валидации

вторник, 30 марта 2010 г.
Как-то раз я уже писал про валидацию HTML кода и что она, в принципе, благоприятного влияет на отношение гугла к вашему сайту. Но буквально на днях увидел интересную заметку в одном из англоязычных блогов, где автор привел забавные факты. Судя по всему, Google и Blogger не особо беспокоятся о веб стандартах. Ведь на официальном сайте Google можно найти сотни ошибок валидаци (скриншоты смотрим ниже). А все из-за того, что система для блогов Blogspot генерирует в шаблонах невалидный XHTML код. Вообще, кстати, данная дискуссия обсуждалась в группах гугла еще в далеком 2006 году.

Тех пользователей, кто сейчас находится на платформе Blogspot или планирует на нее переезжать, данный факт, конечно, мало радует. Собственно вот наглядное подтверждение – первый скриншот сделан при валидации официального блога Goolge – 396 ошибок и 180 предупреждений.

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

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

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

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

Выводим теги для блога в виде выпадающего списка

вторник, 23 марта 2010 г.
Сегодня расскажу об одном простом хаке для Blogger, который позволяет сделать компактный вывод тегов для блога. Механизм не новый, давно уже пылиться в архиве моих тем для постов, тем не менее, может пригодиться. Одним из обязательных элементов блога является список меток, которые используется в качестве дополнительного элемента навигации в сайбдаре. Изначально он обладал весьма скромным функционалом, но сейчас там можно не только выбирать нужные для отображения тега, а и выводить их в виде облака тегов. Когда я только начинал вести свой первый проект, приходилось применять специальный хак для облака тегов в Blogger.

Так вот можно для тегов применить еще один вид отображения – выпадающий список. Это позволит сэкономить много места в сайдбаре, если количество тегов у вас большое. Конечно, нужно находить при этом «золотую середину», потому что при большом числе записей даже список будет выглядеть непривлекательно. Учитывая тот факт, что сейчас теги можно выбирать, то есть возможности разбиения общего списка на части – например, имеются 4-5 крупных разделов и для каждого из них выводить список тегов. Кстати, в Блоггере можно выводить списком записи из Архивов, но вот для тегов пока все остается по-старому. Поэтому сегодня расскажу как вывести теги в виде выпадающего списка, как-то так:
теги ярлыки Blogger
Для «превращения» нам понадобиться выполнить несколько простых шагов.

1. Во-первых, делаем бэкап шаблона дабы потом все можно было восстановить в случае ошибки. Для этого заходим в раздел Дизайн – Изменить HTML и нажимаем на ссылку «Загрузить весь шаблон». В результате вы получите XML файл, из которого потом можно будет восстановить макет блога.
2. На втором шаге нужно создать виджет тегов (меток) и разместить его в сайдбаре блога. Проверьте, есть ли соответствующий виджет в разделе Дизайн – Элементы страницы. При его отсутствии нужно будет создать новый.
3. Возвращаем к редактированию шаблона в раздел Изменить HTML, где в отличии от многих других случаев нужно оставить галочку в поле «Расширить шаблоны виджета» пустой – ищите ее сразу над текстовым полем с кодом шаблона.
4. Находим в коде шаблона Blogger строку:
<b:widget  id='Label1' locked='false' title='Labels' type='Label'/>
И заменяем ее на следующий код:
<b:widget  id='Label1' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<br />
<select onchange='location=this.options[this.selectedIndex].value;'>
<option>Select a label</option>
<b:loop values='data:labels' var='label'>
<option expr:value='data:label.url'><data:label.name/>
(<data:label.count/>)
</option>
</b:loop>
</select>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
Сохраняем шаблон и смотрим что в итоге получилось. Причем здесь в строке:
<option>Select  a label</option>
Вы можете выводить свой вариант текста для выбора тегов. После установки данный элемент можно переносить в другое место сайдбара в разделе Элементы страницы, но не удалять. При удалении, придется настраивать все заново. Можно еще отредактировать свойства элемента, где выбрать различные варианты вывода тегов – по популярности или по алфавиту.

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

P.S. Постовой. Как и где заработать дизайнеру и блоггеру в журнале toribloger: freelance, blogging and my life.
Сharming and beautiful russian woman wants to meet nice men.
Компания "ГАЛИОН" входные группы, витрины - высокое качество и большой опыт работы.
Понравился пост? Подпишись на обновления блога по BlogoHelp RSSRSS, BlogoHelp по EmailEmail или twitter!
Как вам пост?   

Выбор нетбука

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

Если вы планируете работать за нетбуком постоянно, носить его с собой, перевозить и использовать в автономном режиме, то, конечно, нетбук в данной ситуации будет незаменим - с его помощью можно oi file manager скачать и пользоваться аськой.

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

BTemplate - бесплатные русские шаблоны для Blogger

четверг, 18 марта 2010 г.
Тема шаблонов для Блоггера в последнее время как никогда актуальна, поэтому второй пост подряд посвящаю ей. В прошлый раз я рассказывал про новый Дизайнер шаблонов Blogger Template Designer, который разработчики добавили в систему. Механизм, безусловно, мощный, но, во-первых, пока что он находится в бета версии, есть некоторые недоработки и пройдет еще определенно время для переноса его в стандартную версию Blogspot. А, во-вторых, авторские и оригинальные шаблоны ему заменить все равно не удастся. Оригинальные разработки потому-то так и называются, что их стандартизировать достаточно сложно. Хотя, в целом, думаю, Blogger Template Designer может и дальше одновременно существовать со всякими архивами шаблонов Blogger, поскольку эти два понятие лишь дополняют друг друга.

Кстати, об архивах – сегодня хочу рассказать вам про один из таких проектов. Называется он BTemplate и содержит бесплатные русские шаблоны для Blogger. И если бесплатные шаблоны сейчас не такая большая редкость (здесь не так сильно зарабатывают как в wordpress), то русифицированные дизайны – это уже интереснее. Не каждый пользователь системы разбирается во всех тонкостях кода, где что нужно подправить дабы русифицировать тему. А учитывая тот факт, что большинство шаблонов изготовляется англоязычными авторами, то наличие в архиве русских тем будет весьма кстати.

Давайте более подробно рассмотрим проект BTemplate. На главной странице вы найдете последние добавленные шаблоны для блогов. Снизу есть навигация, можно смотреть все остальные темы.

Btemplate

Для более удобного поиска нужного вам шаблона авторы проекта добавили в сайдбар категории для них – это может быть поиск по 2,3,4 колоночным дизайнам, по тематике – казино, игры, магазин, детский, а также по стилю самой темы – фиксированная ширина, резиновый, закругленные углы, минимал и т.д. Кроме этого есть также облако тегов, где главным критерием выборки является цвет шаблона – белый, черный, серый, розовый и другие.

Еще в выборе вам может помочь рейтинг шаблонов (тоже в сайдбаре) – там вы сможете найти названия самых популярных, просматриваемых и скачиваемых тем. Если вы доверяете мнениям остальных посетителей BTemplate и не знаете, что выбрать, можно глянуть из этих списков лучшие дизайны.

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

архив шаблонов Blogger

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

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

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

Blogger Template Designer - новый Дизайнер Шаблонов для блога

пятница, 12 марта 2010 г.
blogger дизайнер шаблоновЗайдя сегодня на сайт blogger buzz, я слегка удивился легкому и симпатичному шаблону, который теперь там красуется. Но последний пост и его заголовок Express yourself with the Blogger Template Designer сразу же натолкнул на определенные мысли в стиле «что-то они опять замутили интересное». И таки да, в статье ссылочка на черновики блоггера и фразы о неком дизайнере шаблонов Blogger Template Designer. Ну, а там, дамы и господа, громадная статья с кучей информации, видео, графики, которая просто нереально вдохновляет. Или даже не знаю как описать эти эмоции – понимаешь какой колоссальный объем работы был сделан, как это все поможет молодым и начинающим авторам, да и вообще всем блоггерам. В общем, разработчики Blogger в очередной раз доказали, что сейчас это платформа номер 1 в мире для создания бесплатных блогов. А теперь немного подробнее, аж дух захватывает…

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



Все это доступно уже сейчас и вы можете найти в черновиках блоггера (заходим по ссылке draft.blogger.com). В разделе дизайн найдете новый пункт меню под названием «Дизайнер шаблонов».


Сейчас в вашем распоряжении имеется:
  • 15 новых полностью настраиваемых шаблонов, которые разделены на 4 группы - Simple, Picture Window, Awesome Inc и Watermark.
  • 1,2,3 колоночные варианты расположения блоков для каждого из шаблонов с полным управлением размещения и размеров колонок.
  • Сотни изображений для фона от одного из лидеров на рынке фотобанков iStockphoto.
Теперь при работе с шаблонами у вас есть возможность видеть превью всех изменений в реальном времени без применения тех или иных настроек для шаблона. Как только вы подберете нужный вам вид для блога, то нажимаете на кнопку «Применить к блогу» (Apply to Blog) в самом верхнем правом углу окна браузера. Напоминаю, что у вас есть возможность сделать бэкап (резервную копию) в меню «Изменить HTML». Так вот, перед любой правкой шаблона, в том числе и с помощью нового Дизайнера Шаблонов я бы рекомендовал сохранить предыдущий вариант себе на компьютер.

Кстати, если вы используете классический шаблон – в админке блога при этом вместо раздела «Дизайн» (Layout) отображается «Шаблон» (Template) – то для работы с Дизайнером шаблонов нужно будет перейти к новому режиму. Внимание! Классические шаблоны использовались много лет назад, поэтому, думаю, для большинства это замечание не существенно. Если же у вас классический шаблон, то нужно зайти в меню Classic > Customize Design и выполнить указанные инструкции по переходу.

Советы от команды Blogger
  • Дабы цвет ссылок в блоге соответствовал фону вы можете легко изменить последний в меню «Фон» - «Основной цвет темы». Данная опция особенно хорошо работает с шаблонами типа Simple.
  • С помощью 3-х колоночного футера вы сможете уместить множество гаджетов, полезных для ваших читателей и посетителей.
  • Если вы уже используете страницы Blogger то разметите гаджет для них в широкой горизонтальной секции под шапкой. Эта возможность предусмотрена в каждом из шаблонов.
  • Многие из текстур для фона поддерживаются полупрозрачность, что позволяет кроме менять цвет фона для этих изображений. Такие текстуры имеют характерную особенность в верхнем правом углу картинки, напоминающую прозрачный фон.
  • В самом низу страницы вы найдете гаджет с названием Attribution, где выводятся копирайты для новых дизайнов блога. Вы можете также добавить туда информацию о себе – делается это в меню Элементы страницы раздела Дизайн.
Поскольку фишка с Дизайнером Шаблонов еще новая, да и доступна только в черновиках Блоггера, то разработчики всячески приветствуют ваше участие в процессе улучшения функциональности. Вы можете делиться своими сделанными шаблонами, идеями, замечаниями, найденными ошибками или даже предложить свои услуги в качестве дизайнера. Если есть такое желание, то читаем оригинальный анонс Дизайнера шаблонов в blogger in draft и находите в тексте абзац с заголовком Get Involved – там будут все контакты.

Напоследок несколько замечаний.
  • Дизайнер шаблонов не поддерживает работу в Internet Explorer 6. (Ура-а-а!) И хотя разработчики приложили все усилия чтобы новые шаблоны были читаемыми в этом древнем, глючном браузере, они не обещают, что все там будет выглядеть замечательно. Если вы до сих пор сидите под IE6 – срочно установите себе новый браузер.
  • Круглые углы и тени, используемые в некоторых шаблонах, могут быть не видны в определенных старых версиях браузеров. Вам нужна будет Opera 10.5, а пользователи IE7 и 8 смогут увидеть эффекты на реальном сайте, но они не будут отображаться в Дизайнере Шаблонов.
  • Также в Дизайнере Шаблонов вы сможете лишь передвигать гаджеты между колонками, редактировать их свойства и содержимое по прежнему можно лишь в разделе Элементы страницы.
  • Некоторые гаджеты как например, голосование или реакции могут не менять цвета при просмотре изменений шаблона в режиме реального времени, но после сохранения все будет нормально. Для гаджетов Followers и AdSense смена цвета, увы, работать вообще не будет – проще всего их добавить заново.
  • Когда вы примените новый шаблон, помните, что все настройки гаджетов пропадут. Дабы избежать нехороших последствий, предварительно нужно сохранить шаблон блога в меню «Изменить HTML», а потом можно будет оттуда скопировать старые настройки.
Вот, в принципе, и все. Как я и говорил в самом начале – это всего лишь первый шаг к внедрению механизма Дизайнера Шаблонов в систему Blogger, но уже сейчас понятно насколько масштабное и классное это дополнение. Оно, как и многие другие последние нововведения, делают Blogspot – лучшим бесплатным блогохостингом. Точнее не «делают», а лишь подтверждают этот статус.

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

Еще немного информации про установку Disqus

четверг, 4 марта 2010 г.
disqusВ позапрошлой статье я рассказывал про весьма оригинальную и функциональную систему комментирования Disqus. Видимо, из-за своей хороших и обширных возможностей процесс установки является не таким простым. Точнее, есть в нем некоторые нюансы, особенно для нестандартных шаблонов Blogger`а. Если вы читаете о disqus впервые, то советую посмотреть статью по ссылке выше – там и обзор, и описание процесса установки. В данном же посте рассмотрю несколько проблем, которые могли возникнуть при установке.

Если все прошло успешно, но в итоге в блоге появится специальная форма комментирования, а после некоторого времени и старые комментарии. Им нужно время для индексации. Если ничего не происходит в течении длительного времени и, зайдя в раздел moderate, вы не увидите комментариев, то скорее всего забыли их импортировать. Заходим в раздел Tools меню Import / Export, где нажимаем кнопку возле фразы «Import existing Blogger comments into Disqus».

импорт комментариев disqus

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



Здесь говорится, что, увы, изменить шаблон не получилось и рекомендуется 2 варианта решения проблемы – использовать ручную установку disqus (для этого нужно пройти по ссылке в пункте 1) либо сменить шаблон. Инструкции по установке disqus на Blosgpot можно почитать здесь. Конечно, для этого нужно будет хоть немного разбираться с кодом шаблона. В целом все действия сводятся к нахождению нужного участка кода и замене его на тот, что указан в статье.

При установке disqus я использовал автоматическую правку кода от самого сервиса, мне вернули нужный код, который я применил. Но все равно возникли 2 непонятные ситуации в работе – во-первых, после формы комментариев disqus отображалась оригинальная форма от Blogger. А, во-вторых, в новых постах после текста формы для комментариев не выводилось.

Относительно двух форм для комментариев. Нашел в шаблоне где выводилась оригинальная, которая начинается строками:
<b:includable  id='comment-form' var='post'>
  <div class='comment-form'>
    <a name='comment-form'/>
Ну и заканчивается логичным закрытием блока </b:includable>. В общем, сначала не долго думая я этот весь код удалил, но оказалось, что он дивным образом реинкарнируется и форма никуда исчезать не собирается. В общем, через несколько попыток обнаружил, что форму можно убрать, если оставить только начало и закрытие блока, то есть удалять не весь код, а только внутреннюю часть элемента, оставив в итоге:
<b:includable id='comment-form' var='post'>
</b:includable>
Второй момент – отсутствие формы комментирования disqus в новых постах. В прошлой статья я говорил, что после установки шаблона нужно зайти в меню Blogger «Настройки» – «Комментарии» и для поля «Настройка по умолчанию для комментариев в сообщениях» указать значение «У новых сообщений нет комментариев». Я точно не знаю – возможно, я не сразу это сделал или еще как-то ошибся при установке, но пришлось править код для вывода формы.

Для этого я нашел место, где выводится форма и комментарии сервиса – это между строками:
<!-- +disqus -->
...
<!-- -disqus -->
И начал изучать код вокруг. Тут то я наткнулся на тот факт, что данный элемент был заключен в конструкцию:
<b:if  cond='data:post.allowComments'>
...
</b:if>
Это условный оператор, который проверяет разрешены ли комментарии в посте. Но ведь при этом мы указывали в настройках, что в новых постах комментариев нет – какой-то бред получается:). В общем я это условие удалил, после чего форма disqus начала отображаться и в старых постах, и в новых. Единственное у меня возникает вопрос сохраняются ли комментарии disqus в системе Blogger, проверять как-то сейчас лень, но по идее все должно сохраняться и там, и там. На прощание хотел бы напомнить, что если будете править шаблон, сделайте резервную копию пред этим.

Кстати сейчас провожу супер акцию в одном из блогов достаточно поставить постовой или ретвитт и можно выиграть 30 баксов и много рекламы в качественных блогах.

P.S. Постовой. Интересные мысли разработчика-любителя и уникальные шаблоны wordpress.
Читаем про продвижение сайтов в новом блоге.
Лучший интернет магазин косметики – сделайте подарок своей любимой!
Понравился пост? Подпишись на обновления блога по BlogoHelp RSSRSS, BlogoHelp по EmailEmail или twitter!
Как вам пост?   
Related Posts with Thumbnails