Многофункциональный шаблон для BlogSpot - Magazine Template R.1.3

суббота, 25 апреля 2009 г.
Хочу поделиться с вами очень и очень функциональным шаблоном для BlogSpot. Признаться, сам вижу подобное в первый раз, если бы не исходный код и домен, никогда бы не поверил, что все реализовано на движке Blogger. Встречайте - Magazine Template R.1.3.



Скачать (на сайте автора) // Демо

Формат шаблона – XML, состоит из 3-х колонок и множество областей для вывода информации. Цвета – светлые: белый, серый, ширина шаблона - 960 пикселей, занимает 15 кб. Поддерживается (тестировался) браузерами Internet Explorer 7, Firefox 3.0.7, Opera 9.63, Navigator 9.0.0.6, Flock 1.2.3, Safari 3.1.2.

Вот некоторые особенности этого Blogger шаблона
  • Журнальный (газетный) стиль шаблона. Что, кстати, сейчас достаточно популярно.
  • Предустановленные места для AdSense (как баннеров, так и ссылок).
  • Выпадающее меню.
  • Подсветка комментариев админа.
  • Мощный футер из 3-х колонок, где выводятся сообщения твиттера, последние посты и комментарии в блоге.
  • Наличие в напке блока с меняющимся контентом.
На сайте авторов имеется небольшая инструкция по установке, хотя, в принципе, там все более-менее понятно. Кстати, там же можно найти еще несколько шаблонов для скачивания.

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

Оптимизация Blogger: динамическое описание и ключевики для блога

среда, 15 апреля 2009 г.
Об оптимизации блога на Blogspot я уже упоминал. Сначала была заметка о добавлении META тэгов, которых по умолчанию в блоге нет. А также настройка заголовка Tilte в Blogger – когда мы меняли местами название проекта и название отдельной статьи чтобы сначала выводился заголовок страницы. Сегодня продолжу тему, нашел в сети весьма краткую, но интересную заметку, как можно добавить немного динамики.

Итак, по умолчанию, МЕТА теги имеют вид:
<meta content='описание блога' name='description'/> 
<meta content='ключевые слова' name='keywords'/>
Как вы уже поняли, для всех страниц блога мы получаем одно и то же описание и ключевые слова, что, конечно, не является супер оптимизацией. Поэтому меняем данную конструкцию на следующую:
<meta expr:content='data:blog.pageTitle + " - описание блога"'  name='description'/>

<meta expr:content='data:blog.pageTitle + ", ключевые слова"' name='keywords'/>
Теперь в мета тегах описания и ключевых слов кроме общих значений будет присутствовать заголовок страницы.



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

P.S. Хотите знать все о блоггинге? - добро пожаловать на форум блоггеров!

Для желающих быть в форме - гречневая (кефирно гречневая) диета.
Понравился пост? Подпишись на обновления блога по BlogoHelp RSSRSS, BlogoHelp по EmailEmail или twitter!
Как вам пост?   

Улучшаем систему комментирования в Blogspot

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

Комментарии и форма

Давным-давно комментарии в постах выводились на отдельной странице либо во всплывающем окне, смотрелось это довольно жутко, но выхода нормально не было. Чуть позже разработчики Blogger добавили функцию нормальной формы для комментариев в черновую версию (Draft), а затем и основную. То есть это совершенно обычная форма для того, чтобы читатель удобно и быстро оставлял в вашем блоге свои комментарии. Она поддерживает учетные записи Google, OpenID, подписи типа «Имя – URL», анонимных пользователяе, а также может содержать защитный графический код для предотвращения спама.

Чтобы включить форму достаточно в разделе «Настройки» меню «Комментарии» выбрать значение параметра, как показано ниже не картинке:



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

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

Итак, первый обязательный пункт – включение опции выше. Дальше идем в «Макет» - «Изменить HTML», включаем галочку «Расширить шаблон виджета». Для страховки можно сохранить копию шаблона.

Находим блок между тэгами <p class='comment-footer'>…</p> и вместо него добавляем код:
<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/></a>
</b:if>
</b:if>
</p>
Следует заметить, что существуют разные шаблоны, где данного кода может не хватить. Посмотрите в разных браузерах и, если форма не работает, то находим строку:

<b:include data='post' name='comments' />

И сразу после нее вставляем:

<b:include data='post' name='comment-form'/>

После этого сохраняем шаблон и смотрим результат. Большое спасибо за пояснение Дмитрию Наумову! Кстати, у него и блог весьма классный, советую почитать.

Аватары в комментариях

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

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

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

Вместе с тем нашел несколько реализаций для отображения встроенных аватарок профайлов через более-менее простые сторонние скрипты. К сожалению, 2 из 3-х вариантов оказались неработоспособными Последний из них под названием MyBlogLog Avatar Creator, в принципе, с задачей справился, но обязательным условием его работы есть регистрация в сервисе mybloglog от Yahoo. Насколько я понял, там идет привязка к вашему профайлу – то есть заполняете поля сайты и аватар в сервисе, после чего эта информация будет считываться для блогов.

Если кого-то заинтересовало, то установка достаточно простая. Добавляем перед </head> небольшой скрипт. Далее находим в коде строку:

<b:loop values="data:post.comments" var="comment">

И после нее вставляем код:
<div  style='border:0;float:left;margin: 0 5px 0 0;'>
<script>
myBlogAvatar('<data:comment.id/>','<data:comment.authorUrl/>');
</script>
</div>
Сохраняем шаблон и смотрим результат.



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

P.S. Читаем про мою работу в интернете за март 2009.

Может пригодиться - бесплатные стили для Photoshop.

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