Планы на будущее, итоги уходящего года

понедельник, 29 декабря 2008 г.
Приветствую всех читателей блога BlogoHelp`а. Хотелось бы подвести небольшие итоги уходящего года и рассказать немного о планах на будущее.

2008 год, по сути, стал годом-рождением для данного проекта. С момента старта меня одолевали разные мысли относительно его актуальности, необходимости. Бывали периоды, когда мне казалось, что он не совсем востребован, но сейчас, смотря на число 70 постоянных читателей и 230 подписчиков через RSS, я понимаю, что BlogoHelp нужен. И это здорово! Именно поэтому я уверен, что в следующем году развитие и становление проекта продолжится, возможно, ребята из Google порадуют нас новыми оригинальными разработками, ведь в последнее время часть их сервисов получила значительные новшества.

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

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

Завтра у меня начнется небольшой отпуск, из которого я вернусь 5-го января. Поэтому, если у вас есть вопросы/предложения/пожелания/заказы, пишите на почту. Я отвечу на все письма после возвращения.

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

С Новым Годом:)


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

Blogumus - Flash облако тегов для Blogger

вторник, 23 декабря 2008 г.
Наверное, многие из вас видели подобное облако тегов в разных stand-alone блогах на Wordpress. С недавних пор хорошие люди внедрили эту фишку для Blogger.com. Вот для сравнения как выглядят два варианта облака тегов:
Облако тегов Blogger  блог
Оба они не совсем стандартные для Blogger.com, то есть для их установки потребуются дополнительные действия. О том, как реализовать первый вариант я рассказывал здесь. Сейчас поговорим о втором.

Установка виджета Blogumus

Чтобы установить подобное облако тегов скачиваем архив (зеркало).

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

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

Находим в коде строку
<b:section class='sidebar' id='sidebar' preferred='yes'>
По сути, это начало блока боковой панели блога. Можно найти в шаблоне любое другое место, где вы хотите расположить облако тегов. Но делать следует это очень аккуратно, предварительно сохранив работающих код в какой-то текстовый файл.

Сразу после этой строчки или в другом выбранном вами месте добавляете код:
<b:widget id='Label99' 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'>
<script src='http://путь_к_файлу/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div>
<script type='text/javascript'>
var so = new SWFObject(&quot;http://путь_к_файлу/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;240&quot;, &quot;300&quot;, &quot;7&quot;, &quot;#ffffff&quot;);
// uncomment next line to enable transparency
//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
so.addVariable(&quot;tcolor&quot;, &quot;0x333333&quot;);
so.addVariable(&quot;mode&quot;, &quot;tags&quot;);
so.addVariable(&quot;distr&quot;, &quot;true&quot;);
so.addVariable(&quot;tspeed&quot;, &quot;100&quot;);
so.addVariable(&quot;tagcloud&quot;, &quot;<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>&quot;);
so.addParam(&quot;allowScriptAccess&quot;, &quot;always&quot;);
so.write(&quot;flashcontent&quot;);
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
Обратите внимание, что в нем нужно исправить пути на файлы архива, который вы скачивали в самом начале. После этого можно сохранить шаблон. Если никаких ошибок не возникло и облако тегов отображается, то все сделано правильно.

Настройка виджета

Виджет имеет ряд настроек, которые можно изменить. Это:

1. Ширина и высота блока облака тегов (240 и 300 по умолчанию). Изменяется здесь:
var so = new SWFObject("http://путь_к_файлу/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");
2. Цвет фона:
var so = new SWFObject("http://путь_к_файлу/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");
Цвет текста:
so.addVariable("tcolor", "0x333333");
Обратите внимание в каком формате указывается код цвета, он без символа #.
Размер текста:
("tagcloud", "<tags><b:loop  values='data:labels' var='label'><a expr:href='data:label.url'  style='12'>
Поэтому для каждого шаблона вы сможете подобрать нужный вам вариант отображения.

Альтернативная реализация

Через некоторое время появилась модифицированная версия плагина, альтернативная можно сказать. Она может понадобиться, если после выполнения всех пунктов установки виджета, он так и не заработает. Это может быть вызвано использованием сторонних Flash виджетов или длинных названий тегов. Алгоритм реализация данной версии полностью аналогичен оригинальному, отличается лишь кодами – посмотреть можно здесь.

Преимущества и недостатки обоих вариантов

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

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

P.S. На создание данного поста меня вдохновил Сергей Мариловцев, любезно предоставив материалы на английском языке. Мне оставалось лишь ознакомиться и разобраться. Кстати, в одном из его блогов вы также можете найти работающее облако тегов.

Еще одно описание установки виджета было найдено в блоге о блогосфере. Там есть и другие интересные посты по системе Blogger! Рекомендую заглянуть.

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

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

Создание гаджета для блога на Blogger.com

среда, 17 декабря 2008 г.
Одной из интересных особенностей платформы Blogger является возможность использовать гаджеты. На BlogoHelp эта тема уже поднималась, например здесь. Однако хотелось бы более подробнее остановится на установке и создании так называемых "собственных гаджетов".

Гаджеты можно классифицировать на две категории - "для красоты" и для практического использования. Какие-то из них лучше подойдут для блога, другие - для вашей странички на iGoogle. Но иногда может возникнуть необходимость создать что-то для себя и с функциональностью, которую могут реализовать только серверные языки программирования. Это достаточно несложно, если есть необходимые знания в области PHP или, скажем, ASP.
Дело в том, что простой гаджет может состоять всего лишь из двух файлов: xml, в котором будет содержаться описание гаджета и скрипта, который займется выполнением всей работы (для примера, возьмем язык PHP).

Сначала нужно создать xml-файл. Можно использовать следующую структуру:
<?xml version="1.0" encoding="UTF-8" ?>
<Module>
<ModulePrefs
title="Gadget Name"
description="Your description"
author="Your name"
author_email="door.into.cinema@gmail.com"
/>
<Content type="url" href="'http://www.yoursite.net/your_script.php"/>
</Module>
Обязательных полей в описании - всего четыре - имя гаджета, его описание, имя автора и его почта. Стоит обратить внимание на строчку Content type="url". Вместо того, чтобы реализовать функциональность гаджета "на месте" (как это, например, сделано в примерах для Google Gadgets Editor), осуществляется отсылка на свой скрипт на каком-то хостинге.

Теперь можно создавать скрипт - дело тут только за фантазией пользователя. Например, лично мне понравилась идея гаджетов "День в истории" (их легко можно найти в поиске). Они берут информацию с открытых ресурсов(например Википедии) про исторические события, которые произошли в текущей день, немного обрабатывают ее и выводят данные уже там, где это нужно пользователю. К сожалению, практически все гаджеты выводили информацию на английском, два - на русском. А я искал украинский язык. Безуспешно. Поэтому, решил создать собственный php-скрипт, который бы через cURL обращался к страничкам украинской Википедии. Гаджет я разместил на своей страничке iGoogle. Если же размещать гаджет в блоге, то иногда приходится через стили "поиграться" с его видом, что бы он корректно вписался в дизайн.

В принципе, если гаджет достаточно функциональный, и вы чувствуете, что он может пригодиться не только вам, имеет смысл зарегистрировать свое творение в каталоге Google. Однако, при этом следует помнить, что исполнительные скрипты (в моем случае php-файл) должны лежать на каком-нибудь достаточно стабильном и быстром хостинге, поскольку к ним будут обращаться все страницы пользователей, которые установят себе гаджет.

Кстати, если просмотреть html-код, то можно увидеть, что огромное количество гаджетов просто-напросто использует тег iframe, то есть "плавающий фрейм". Что это означает? Все просто - можно вставлять в свой блог результаты работы различных скриптов даже без подключения и оформления различных гаджетов. Достаточно вставить в шаблон в любом нужном для пользователя месте код, похожий на этот:
<iframe src="http://www.yoursite.net/your_script.php" width="250" height="365" hspace="5" vspace="5"/>
И все заработает. Тем не менее, наверное, "официальный путь" от Google будет более элегантным.

Это гостевой пост от Ценителя (имя осталось загадкой:)

От себя хотелось бы поблагодарить за такой ценный материал. Думаю, многим будет интересно реализовать свои познания в PHP для проекта на Blogger. Приглашаю также посетить персональный блог автора - Двері в кіно.

P.S. Если у вас есть желание также попробовать себя в написании гостевого поста (здесь немного инфы по этому поводу), прошу присылать работы на E-mail.

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

Вывод списка последних постов и комментариев в блоге

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

Первый вариант более простой, начнем с него. Заходим в панель управления блогом, меню «Макет» - «Элементы страницы». Здесь создаем новый гаджет, для которого выбираем тип «Канал»:
Blogger гаджет канал
Во всплывающем окне появится поле для ввода RSS калана, который будет отображен. Для постов и комментариев ссылки имеют вид:

http://blogohelp.blogspot.com/feeds/posts/default
http://blogohelp.blogspot.com/feeds/comments/default

Здесь вместо названия моего блога (blogohelp.blogspot.com) подставляете свое значение. После этого откроется форма с дополнительными настройками – указываете количество отображаемых элементов, вывод даты или информации об авторе, если требуется, и сохраняете.
настройки гаджета канал - последние посты и комментарии
Преимуществом данного метода я бы назвал простоту настройки. Из недостатков – ограниченное число выводимых записей: от 1 до 5-ти.

Второй метод потребует правки шаблона. Заходим в меню «Макет» - «Изменить HTML», где включаем галочку «Расширить шаблоны виджета». Перед завершающим тегом </head> добавляем скрипт (код в txt файле):

Здесь используются переменные:
  • numposts – количество выводимых записей;
  • showpostdate – отображение даты (false – нет, true – да);
  • showpostsummary – отображение части текста поста/комментария (false – нет, true – да);
  • numchars – количество символов в выводимом тексте;
Далее в нужном месте шаблона используем коды. Для вывода последних постов:
&lt;script src=&quot;/feeds/posts/default?orderby=published&amp;amp;alt=json-in-script&amp;amp;callback=rp&quot;&gt;&lt;/script&gt;
Для вывода последних комментариев:
&lt;script src=&quot;/feeds/comments/default?orderby=published&amp;amp;alt=json-in-script&amp;amp;callback=rp&quot;&gt;&lt;/script&gt;
После внесения изменений сохраняем шаблон. Внимание! Это код для вставки в шаблон.

Если вы хотите вставить скрипт через элемент типа HTML/JavaScript, то нужно использовать немного другие коды (для постов):
<script src="/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp"></script>
и для комментариев:
<script src="/feeds/comments/default?orderby=published&amp;alt=json-in-script&amp;callback=rp"></script>
Преимуществом данного метода считаю бОльшее число настроек – например, количество выводимых записей, количество символов в тексте анонса. Можно даже названия месяцев русские поставить, если в коде скрипта покопаться. Собственно этот метод и используется у меня в блоге – см. боковую панель справа.

Кстати, спасибо за подсказку относительно решения данной задачи Сергею Мариловцеву.

P.S. Приглашаю принять участие в дискуссии "что для вас блоггинг - хобби или работа?"

Смотрим блог о дизайне.

Спасибо спонсорам:

игрушки для детей лего
Хорошая работа в Киеве
Купить часы Breguet
Блогун - монетизируем блоги
Понравился пост? Подпишись на обновления блога по BlogoHelp RSSRSS, BlogoHelp по EmailEmail или twitter!
Как вам пост?   

Новое в черновиках Blogger: интеграция с Gmail адресами

суббота, 22 ноября 2008 г.
Пока Google рассматривает мою заявку на включение в программу AdSense, я расскажу о небольшой новой функции в черновиках от Blogger. Разработчики системы все время работают над упрощением использования тех или иных элементов. Последним нововведением стало добавление интеграции с почтовой книгой от Gmail.

В некоторых настройках блога, например, «Комментарии» - «Оповещение о комментарии по электронной почте» и «Электронная почта» - «Адрес BlogSend» было добавлено новое поле – «Выбрать в адресах»:
новые возможности Blogger
После клика по ссылке у вас появится всплывающее окно, где можно будет легко указать в качестве электронных адресов те, что есть в вашем почтовом ящике:
новые возможности Blogspot
Можно выбирать адреса из разных групп либо вводить вручную. Все происходит достаточно быстро, без перегрузки страницы.

В следующий раз расскажу об установке Google Adsense в блог на Blogger.

P.S. Кстати, вы уже установили себе новые оригинальные темы для Gmail?

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

Реакции – интерактив для читателей блога

суббота, 15 ноября 2008 г.
Одна из целей разработчиков Blogspot – упростить для блоггеров возможность получать обратную реакцию на свои публикации. Они верят, что введение в работу новинки под названием «Реакции» (Reactions) позволит автору понять настроение посетителей, узнать их мнение. И эта критика в конечном итоге будет направлена на улучшение качества последующих статей. Блоггер придумывает краткие оценки для своих текстов, а читатели высказывают свое мнение одним кликом.
Оценка постов блога
Простота механизма позволит получить как можно больше отзывов от посетителей – одно движение и клик мышкой для характеристики поста. А рейтинг публикаций с помощью «звездочек» не всегда может в точности охарактеризовать отношение читателя.
блог отзывы читателей
Чтобы включить «Реакции» зайдите в панель управления блогом – раздел Макет, пункт Элементы страницы – и кликните по ссылке «Изменить» для элемента «Сообщения блога»:
редактировать элементы шаблона блога
Во всплывающем окне находите строку с реакциями. Для активации ставим галочку напротив. Чтобы изменить варианты отзывов нажимаем соответствующую ссылку. Перечень доступных оценок указывается через запятую.
настройка функции реакций для блога
Внимание, реакции работают только в новых шаблонах (Layouts templates). Если вы ведете блог очень давно (больше 2-3х лет), то, скорее всего, у вас используется классической шаблон, поэтому потребуется сменить его на макеты.

Если ваш шаблон содержит нестандартный дизайн с большим числом виджетов, то скорее всего реакции работать не будут. Потребуется восстановить шаблоны виджетов по умолчанию (раздел Макет, меню Изменить HTML). Я так понимаю, при этом пропадет дизайн для всех остальных элементов, поэтому рекомендую другой способ. Заходим в меню изменения HTML кода шаблона, ставим галочку в блоке «Расширить шаблоны вижета» и вводим следующий код:
код шаблона виджета
А вот и сам код:
<div class='reactions'> 
<b:if cond='data:top.showReactions'>
<div style='width:90px; float:left; padding-top: 3px;'>
<data:top.reactionsLabel/>&#160;&#160;&#160;
</div>
<div style='width:490px; float:right;'>
<iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/>
</div>
</b:if>
<div style='clear: both;'/>
</div>
Оформления блока реакций вы можете задавать любое другое, у меня реализовано с помощью DIV, по умолчанию там таблицы TABLE, главное оставить основные функции элемента – условия, лэйбл, оценки поста (подгружаются через iframe). Для своего шаблона пришлось повозиться с адаптацией блока. Вот что у меня получилось:
реакции для Blogger
Кстати для приглашения подписаться на обновления блогая я использовал изображения из этого красивого набора иконок (1500 шт.)
Понравился пост? Подпишись на обновления блога по BlogoHelp RSSRSS, BlogoHelp по EmailEmail или twitter!
Как вам пост?   

Виджет постоянных читателей для Blogspot

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

Как добавить виджет постоянных читателей в блог

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

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

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

P.S. Если есть желание написать гостевой пост по тематике блога - буду рад опубликовать вашу статью на этом проекте (+ ссылку на персональный блог). Приглашаю ознакомиться с приблизительными негласными правилами и пожеланиями по написанию гостевых постов.

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

Постоянные читатели в блоге на Blogspot

среда, 29 октября 2008 г.
Тему разделил на две части. В первой вас ожидает небольшое вступление и разъяснение основ данного понятия. Через несколько дней опубликую пост, где расскажу об установке специального виджета с читателями в блог.

Кто же такие постоянные читатели.
У вас есть любимый один или парочка блогов и вы хотите сообщить его автору, что являетесь поклонником его проекта? Что ж, теперь вы можете это сделать с помощью новой функциональности от Blogger`а. Называется это на языке оригинала – Following. У вас даже есть возможность отслеживать в панели управления из админки все блоги, где вы являетесь постоянным читателем.

Как стать постоянным читателем.
Существует несколько способов. Самый простой – это посетить любимый блог, где должен быть установлен виджет постоянных читателей и кликнуть по соответствующей ссылке (в оригинале - Follow this Blog) под заголовком элемента.
постоянные читатели блога
Во всплывающем окне у вас будет возможность подписаться публично либо анонимно. В первом случае для виджета будет использоваться фотка (аватарка) из вашего профайла вместе со ссылкой на него. Во втором - ничего не произойдет, хотя обновленные посты с подписанных блогов вы будете получать. Кстати, для этих ресурсов выделяется отдельная категория в Google Reader.
постоянные читатели блога
постоянные читатели блога
Выберите способ как вы хотите подписаться на блог и кликните кнопку «Follow» (к сожалению, не знаю как она отображается в русской версии). Теперь вы постоянный читатель – все предельно просто и очень быстро.

Второй способ стать постоянным читателем определенного блога – это добавить его в админке в «Список чтения» (Reading List). Под списком есть кнопка «Добавить»:
постоянные читатели блога
Как вы уже, наверное, заметили, в диалоговом окне можно задать URL блога или импортировать проекты из Google Reader.

Как удалить себя из постоянных читателей.
Самый легкий способ – пойти в соответствующий блог и нажать «Stop Following» в блоке читателей. После этого появится всплывающее окно для подтверждения ваших действий. Если на проекте нет виджета постоянных читателей, то заходите в панель управления вашим блогом, в «Списке чтения» выбираете закладку «блоги, которые я читаю» и нажимаете на кнопку «Управление». Откроется окно со всеми блогами, которые вы отслеживаете, причем напротив каждого из них есть тип подписки (анонимная и публичная), а также иконка корзины для удаления себя из списка читателей. Кстати, здесь вы можете менять тип подписки.
постоянные читатели блога
Как увеличить аудиторию блога с помощью постоянных читателей.
Виджет постоянных читателей – замечательный инструмент, чтобы увеличить аудиторию вашего проекта. Часто посетители приходят на сайт, читают информацию, но потом забывают о нем. Виждет поможет им стать постоянными читателями и возвращаться на блог вновь и вновь. Разработчики рекомендуют написать всем отдельную заметку с призывом становиться постоянными читателями блога. При этом желательно расположить виджет как можно выше в боковой панели, чтобы пользователи могли заметить его.

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

В следующем посте расскажу о самом виджете постоянных читателей – как установить и настроить.

P.S. О том, как создать RSS-подписку и счётчик статистики для blogger.com - подробный мануал с картинками от автора блога на Ли.ру.

Если хотите внести немного новизны в дизайн блога - посмотрите online сервисы генераторы background (фонов) для сайтов.

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

Подключение собственного домена к блогу на BlogSpot

среда, 22 октября 2008 г.
Давно просили меня рассказать о подключении собственного домена к блогу на BlogSpot. Хотел найти бесплатные домены для демонстрации, но org.ua и pp.ua временно не доступны, а для русских процедура регистрации мне показалась какой-то слишком запутанной, о чем свидетельствуют достаточно большие статьи по теме. В общем, нашел в закромах у себя один пока что свободный домен – google-chrome.com.ua, буду экспериментировать на нем.

Перед тем, как установить для Blogger`а собственный домен, его, конечно же, нужно купить. Далее заходите в меню Настройки для вашего блога, раздел Публикация. С этой страницы производится как подключение для блога собственного доменного имени, так и публикация блога на своем FTP-сервере. Нас интересует первое, поэтому кликаем по ссылке «Домен пользователя».
Собственный домен для блога BlogSpot
Система предложить вам купить домен для своего блога, если у вас такового нет. Но нам это ни к чему, поэтому кликаем по ссылке «Перейти к расширенным настройкам»:
Собственный домен для блога BlogSpot
В блоке «Ваш домен» вписываем доменное имя, который вы зарегистрировали.
Собственный домен для блога BlogSpot
Сразу под полем ввода есть галочка переадресации на этот же домен с введенным www. Когда год назад я регистрировал имя – tods-blog.com.ua и пытался прикрутить его к персональному блогу, такой опции не было. Сейчас, кстати, как оказалось, никакой глобальной силы эта функция не имеет, то есть, если вы у хостера не прописали обработку домена с www, галочка не поможет (но об этом позже).

Чуть ниже есть еще один параметр – «использовать хост недостающих файлов». Если в вашем блоге посетитель обратился к несуществующему файлу www.yourblog.com/pic.jpg , то система Blogger попытается найти этот файл на хосте недостающих файлов (например, www2.yourblog.com/pic.jpg), если вы его определили. Более подробно об этом можно почитать в справке (на англ.) Вот изображения для примера из той же справки:
Собственный домен для блога BlogSpot
Когда для блога определен поддомен blog, а в качестве хоста недостающих файлов выступает www. В хелпе также говорится, что подобная ситуация может случится, когда вы переносите изображения и файлы с одного FTP на другой, при этом ссылки в постах ведут на старые адреса. Хотя, признаться до конца я так и не понял в какой же ситуации используется эта опция.

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

У вас должна быть возможность изменения DNS записей для домена. К сожалению, не все предоставляют эту услугу, а иногда она стоит дополнительных денег. Возможно, подключить домен можно и без редактирования DNS, но лично я такое на практике не пробовал. Итак, заходите в панель управления доменом и создаете запись типа CNAME, где в качестве имени указываете @, а в значении (данных) - ghs.google.com. (точка в конце обязательна). Кроме того, нужно добавить еще одну аналогичную запись с именем www. Вот настройки в админке моего регистратора:
Собственный домен для блога BlogSpot
Если у вас нет возможности установить запись типа CNAME, то можно попытаться прописать через IP, для этого используется запись типа A. Правда, 100% гарантии работоспособности этого метода дать не могу, у меня получалось реализовать что-то подобное год назад, но сейчас подробности не вспомню. Кстати, можно также попросить вашего регистратора помочь вам с данным вопросом или хотя бы посоветовать как поступить. Адекватная служба поддержки должна решить все вопросы.

Дополнения и замечания прошу высказывать в комментариях.

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

Blogohelp дайджест – из не вошедшего в этот блог

вторник, 7 октября 2008 г.
Чуть более года назад я начал свою деятельность в блогосфере со своим проектом «Tod’s Blog. Моё видение Интернета». Создан был он как раз на платформе Blogger, но после 3-4х месяцев я обзавелся собственным хостингом и доменом. Cреди всех статей были также посвященные блогохостингу от Google, сейчас они пылятся в архиве. Перепечатывать полностью их, считаю, не совсем правильно, да и непонятно как поисковики отнесутся к такому, поэтому я решил создать что-то вроде небольшого дайджеста этих материалов. Кратко расскажу о каждой статье и, если информация вас заинтересует, сможете пройти по ссылке. Итак:

Установка FeedBurner для блога Blogger , подписка через RSS, подписка по Email - подробная инструкция как создать RSS канал с помощью сервиса FeedBurner, а также установить в Blogger`е перенаправление на этот поток. В материале имеется очень большое количество скриншотов (практически на каждый шаг), поэтому сложностей в освоении возникнуть не должно. Там вы также найдете инструкции по установке счетчика количества подписчиков. В общем, очень полезное чтиво для начинающих блоггеров.

Создание блога на Blogger.com (постскриптум)
Интерфейс системы на русском языке, есть так называемый справочный центр, где можно найти ответы на некоторые интересующие вас вопросы относительно данного сервиса. В панели инструментов содержится 3 раздела: «Отправка», «Настройки», «Шаблон». Рассмотрим их по порядку.
Немного информации по созданию блога и его первоначальной настройке. Описываются важные опции в каждом из пунктов меню, на которые следует обратить особое внимание, а также в конце опубликовано несколько общих советов по созданию блога. Будет полезно начинающим авторам.

Добавление счетчика и контактов в блог от Blogger
Раз и навсегда разберемся с вопросом как поставить счетчик и некоторые другие полезные вещи. Смею предположить, что далеко не все в курсе полного спектра возможностей системы Blogger: «пишутся сообщения – вот и хорошо, большем мне ничего особо не нужно».
Итак, вопросы на повестке дня: 1. Как добавить счетчик в блог? 2. Как изменить шаблон сообщения на Blogger.com? 3. Как добавить свою фотографию и контакты в блог?
Здесь я уже рассматривал нечто подобное, но если вы до сих пор не разобрались с этой темой, советую почитать данный пост.

Облако тегов: определение, назначение, создание (часть2)
Во второй части темы недели об облаке тегов рассмотрим установку данного элемента в вашем блоге. Точнее приведение элемента к классическом виду облака тегов вместо обычного списка, как это делает Blogger по умолчанию.
Первая часть, кстати, рассматривает вопрос что такое облако тегов и как оно может быть устроено. Установка элемента производится в три шага.

Получение всех сообщений блога Blogger в формате RSS 2.0
В процессе переезда столкнулся с данной проблемой. Для начала рассмотрим одну особенность движка, позволяющую «достать» с блога нужное количество сообщений или комментариев. Итак, если в блоге насчитывается N сообщений (точное количество отображается в панели управления), то нужно использовать ссылку вида.
Возможно, сейчас переехать с платформы Blogger проще, но почти год назад пришлось здорово повозиться.

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

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

P.S. Не упустите последний шанс принять участие в моем конкурсе для блоггеров! А также качаем новую пачку классных шрифтов для собственных проектов.

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

Установка сервиса snapshots в блоге на Blogspot

среда, 1 октября 2008 г.
сервис snapshotsSnapShots – сервис, позволяющий вывести в отдельном всплывающем окне для каждой ссылки небольшое превью сайта, на который вы ссылаетесь. Следует заметить, что с момента появления сервиса пару лет назад, он претерпел некоторые изменения. Увидев его на днях, признаться был удивлен. Во-первых, значительно расширена функциональность, теперь, если ссылка идет на видеоролик (YouTube, например), то вы его сможете просмотреть с помощью встроенного плеера. То же самое касается музыкальных файлов, есть возможность просмотреть галерею с flirck или почитать RSS канал и т.д. и т.п. Во-вторых, был поражен наличием в SnapShots монетизации, но об этом чуть позже.

Процесс установки сервиса snapshots в блог


1. Первым делом заходим на сайте сервиса - snap.com . Справа будет 3 основных блока, разделенных по назначению - для блоггеров, с целью рекламы и для пользователей. Нам понадобится первый вариант – выбираем его, кликнув мышкой.

2. Следующий шаг включает в себя настройку внешнего вида окна просмотра. Здесь определяем его цвет, язык для текста и некоторые «продвинутые настройки» (advanced). Можем добавить небольшое лого размером 100х20 пикселей. После установки той или иной опции, в реальном времени справа будет отображаться внешний вид окна.
Установка сервиса snapshots
По завершению работы нажимаем кнопку «Continue» (продолжить).

3. Далее потребуется указать некоторые данные для создаваемой учетной записи – email, адрес сайта, а также пароль.

4. На определенных страницах сайта SnapShots в правом нижнем углу есть блок с так называемой «установкой сервиса за один клик». Поддерживаются платформы – TypePad, Wordpress и Blogger. Если вы перешли на страницу настроек после нажатия на кнопку, соответствующую блогохостингу Blogspot, то увидите следующее окно:
Установка сервиса snapshots
В другом случае вам предоставят код, который необходимо будет добавить на собственный сайт. И уже на этой странице вы увидите в правом нижнем углу все тот же блок с быстрой установкой сервиса на Blogger.com. Кликаем по нему.
В обоих случаях, выбрав быструю установку, увидите перед собой такую страницу:
snapshots в блоге на Blogspot
Здесь выбираем в какой из блогов хотим подключить SnapShots и жмем кнопку «Добавить виджет».

5. Теперь, зайдя на сайт, вы увидите для каждой ссылки всплывающее окно с превью.
snapshots в блоге на Blogspot
Если присмотреться внимательно, то между превью и нижней частью окна есть небольшое серое поле с рекламой. Насколько мне удалось разузнать эта опция называется Snap Shares. В процессе настройки сервиса есть одноименная закладка, но у меня она все время оставалась неактивной. Тем не менее, настройки для нее я смог поменять:
snapshots в блоге на Blogspot
На специальной странице вы можете задать вид собственной рекламы во всех всплывающих окнах – как в текстовом формате, так и в виде графического баннера. Еще более интересной является опция – Ads for a Charity, то есть использовать рекламную область для благотворительности. Опять же повторюсь, не смотря на все настройки, у меня в тестовом блоге во всплывающих превьюшках все равно продолжали появляться лишь рекламные ссылки.

P.S. Хочу в ближайших постах рассказать про регистрацию собственного домена для Blogspot, подскажите есть ли где возможность получить себе домен бесплатно, в какой зоне не важно, буду использовать просто в качестве примера.

Интересно почитать о том как блогосфера борется со спамом и посмотреть новые стильные черные шаблона для wordpress.

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

Утилита Blogger Backup - создание резервной копии блога на Blogspot

вторник, 23 сентября 2008 г.
создание резервной копия блога на BlogspotЕдинственная встроенная возможность в Blogger сделать бекап – сохранить шаблон. Для этого заходим в меню «Макет» - «Изменить HTML», после чего нажимаем на ссылку «Загрузить весь шаблон» и сохраняем его копию на локальный диск. Чуть ниже имеется поле чтобы восстановить шаблон из этой резервной копии. К сожалению, сохранить все ваши наработки в виде постов и старания посетителей в виде комментариев возможности нет. По крайней мере, стандартной возможности.

На помощь приходит утилита - Blogger Backup.
Качаем последний релиз, распаковываем и устанавливаем на свой копмьютер.

При первом запуске программа будет абсолютно пустая, все настройки закрыты, для начала потребуется добавить блог. Напротив поля Available blogs выбираем единственный пункт Add/Update/Remove Blogs. После этого появится диалоговое окно:
Утилита Blogger Backup
Здесь есть 2 варианта добавления новых блогов в список – автоматический (первая закладка) и ручной (вторая). При автоматическом способе потребуется указать пароль и логин к вашей учетной записи в Blogger, после чего нажать кнопку «Log into Blogger and Get Blogs». Ваши ресурсы будут добавлены. Во втором случае вам придется самим заполнить поля с названием блога, ссылкой на него и загрузить RSS канал. Советую для этого воспользоваться соответствующей кнопкой (пункт 2 на рисунке выше). Далее просто жмем «Add/Update Blogs» и затем «Ок».

Теперь в списке Available blogs появятся добавленные блоги. Выбираем нужный из них:
Утилита Blogger Backup
Далее нужно указать некоторые настройки для бекапа. В принципе, ничего сложного здесь нет, рекомендую лишь в поле «Save posts as (format)» поставить вариант «One file per post» - то есть для каждого поста отдельный файл. Восстановить из бекапа, где все посты хранятся в одном файле у меня лично не получилось.
После установки параметров жмем кнопку «Backup Posts». Если все настроено правильно – посты вашего блога будут сохранены на локальный диск.

Слева от кнопки создания бекапа есть «Restore Posts» - нажимаем ее для восстановления блога. В специальном окне добавляем все файлы (посты), которые хотим опубликовать на сайте:
Утилита Blogger Backup
Далее в соответствующих полях указываем логин и пароль для вашей учетной записи. Авторы программы гарантируют, что данная информация никак не будет использована и нигде не сохраняется, хотя 100% гарантии, конечно, никто не даст.

Последним пунктом является установка даты для восстановленных постов. Да, все постам будет присвоена одна дата. Кстати, в программе имеется ограничение на публикацию 50-ти записей в день.

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

Если вам известны какие-то еще способы как можно сделать бекап блога на Blogger – делимся опытом в комментариях. На написание поста меня вдохновил заметка в блоге Дмитрия Наумова - резервная копия блога на blogspot. Утилита Blogger Backup. Я более подробно рассмотрел саму программу и как с ней работать.

P.S. После очередного апдейта блог удостоился о Яндекса тИЦ 40, чему я очень рад. Предлагаю купить постовые или спонсорские ссылки по цене $3 за штуку. При оптовых покупках – скидки. Блог активно живет и развивается, поэтому показатели будут лишь расти, а ссылка остается здесь навсегда!

Блоггерам, просто предлагаю обменяться постовыми.

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

Эффект lightbox2 для изображений в Blogspot

воскресенье, 14 сентября 2008 г.
Эффект lightbox2  для изображенийВ прошлом посте я рассказывал, как можно вставить изображение на Blogger таким образом, чтобы в посте отображалась небольшое превью, а при клике на нем картинка выводилась в полном размере. Кроме открытия фотографии в новом окне (вкладке) браузера есть возможно выводить ее в так называемом popup (всплывающем) окне. Год назад или даже более того был создан специальный эффект lightbox для вывода всплывающего окна. Он выглядел просто потрясающе, поэтому быстро обрел популярность. Сейчас существует несколько вариаций и модификаций оригинальной версии, кроме изображений доступен даже вывод видео! Реализовывается все с помощью JavaScript.

Сегодня я хочу рассмотреть вторую версию данного эффекта под названием lightbox2. Вот как выглядит рабочий пример:



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



Кстати, работы, которые вы видите принадлежат лондонскому дизайнеру Питу Харисону (Pete Harrison).

Теперь рассмотрим как же сделать столь эффектное увеличение изображений для блога.

Подключение скрипта

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

1. Скачиваем архив скрипта, распаковываем и заливаем на хостинг.

2. Добавляем 3 Javascript файла в блок header вашего блога (в таком же порядке!):
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
3. Подключаем дополнительный файл стилей для эффекта (можно добавить их в существующий CSS):
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
4. Посмотрите CSS файл и удостоверьтесь, что пути к файлам prev.gif и next.gif указаны правильно. Я использовал прямой путь чтобы наверняка не возникло никаких ошибок. Точно также проверьте пути к loading.gif и close.gif в файле скрипта lightbox.js.

Активация эффекта

1. Чтобы активировать использование эффекта для конкретного изображения нужно добавить в тег IMG строку rel="lightbox":
<a href="http://www.blogger.com/images/image-1.jpg" rel="lightbox" title="my caption">image #1</a>
Необязательный атрибут title выводит заголовок картинки.

2. Если вы хотите установить эффект для группы изображений, выполняйте те же условия, что и в шаге 1, только добавьте имя группы в квадратных скобках в атрибут rel:
<a href="http://www.blogger.com/images/image-1.jpg" rel="lightbox[roadtrip]">image #1</a>
<a href="http://www.blogger.com/images/image-2.jpg" rel="lightbox[roadtrip]">image #2</a>
<a href="http://www.blogger.com/images/image-3.jpg" rel="lightbox[roadtrip]">image #3</a>
Все, проверяйте, что у вас получилось:)
Кстати, нет никаких ограничений на количество изображений в группе и количество групп на одной странице – используйте сколько хотите.

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

Вставка изображений в блог на Blogspot, увеличение в новом окне

суббота, 6 сентября 2008 г.
Вставка изображений в блогВ данном посте отвечу на вопрос как добавлять в блог изображения с превью – чтобы в тексте картинка была маленькая, а при клике открывалась увеличенная и в новом окне.

Для начала расскажу о том как вставить изображение в пост. Есть несколько способов. Во-первых, в самим текстовом редакторе существует специальная кнопка для вставки картинок:


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



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

Метод второй – вставка изображения вручную.
Здесь также фигурирует сервис Picasa. Перед тем как добавить картинку в блог, загружаем ее в галерею. Есть возможность группировать фотки в категории, чем лично я и пользуюсь – изображения с разных блогов хранятся в разных разделах. Итак, находим нужную нам фотографию, кликаем на ней и попадаем на страницу с подробным описанием, где можно добавить теги, переместить в другой альбом, а также получить ссылку на изображение.



Для начала нам потребуется выбрать какой размер картинки мы хотим получить. В системе есть несколько форматов – миниатюра (ширина = 144 пикселя), маленький (288 пикс.), средний (400 пикс.) и большой (800 пикс.). Признаться, не знаю как сервис ведет себя с фотками больше 800 пикселей, есть ли возможность их загружать. Мне для блога размера 800 хватает с головой. Далее копируем ссылку. Обратите внимание, что я использую поле «Вставить изображение», а не «Ссылка», поскольку последнее ссылается на картинку внутри Picasa, то есть отображаться она будет в интерфейсе галереи. Поэтому я выбираю поле с кодом и получаю что-то вроде такого:



В третьей версии Picasa добавляет к изображению просто уйму ненужного кода, включая ссылку на автора альбома. Берем из всего текста лишь тэг с изображением (img), который можно вставить в блог. Удостоверьтесь, что в текстовом редакторе установлен режим HTML.

Для тех, кто не знает HTML и CSS данный метод, конечно, мало применим, но мне нравится больше первого. Здесь есть больше возможностей по управлению расположением картинки. Для каждого поста я публикую небольшое изображение по теме дабы добавить немного красоты, причем устанавливаю выравнивание по правому краю. Кроме того, добавляю в код свойство alt – которое выводит на странице альтернативный текст, если в браузере отключены фотки. Это, во-первых, дополнительный плюс для читателей блога, а, во-вторых, возможность получить немного трафика с поиска по изображениям Google. Все эти действия осуществляю с помощью примерно следующего текста:
style="float: right; margin-left: 5px;" alt="Список Google гаджетов в Blogspot"
Как это выглядит на сайте можете посмотреть в коде страницы для любого поста. По-моему, намного красивее и компактнее стандартной вставки, причем более функционально.

Чтобы заставить увеличенное изображение открываться в новом окне, сделаем следующее. Обратите, пожалуйста, внимание на ссылки:



Это одно и то же изображение, но передается с разным размером – первый вариант 800 пикселей, второй - 144. Зная данную особенность, можно легко для каждой картинки вставлять следующий код:

<a target="_blank" href="изображение-800-пикселей"><img src="изображение-144-пикселя " /></a>
В следствии чего получим в посте миниатюрное изображение, при клике на которое будет открываться его большой вариант в новом окне. Например:



Кстати, это работа Джонатана Вонга (Jonathan Wong) - восемнадцатилетнего ирландского дизайнера.

Если есть какие-то вопросы, прощу задавать их в комментариях. В следующий раз я расскажу об одном интересном эффекте для изображений в новом окне. Смотрится просто потрясающе. Не пропустите – подписывайтесь на RSS блога или по e-mail!

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