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

понедельник, 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!
Как вам пост?   
Related Posts with Thumbnails