BlogoHelp

Новый прозрачный стиль панели навигации блога в Blogspot

noreply@blogger.com (Tod) — Mon, 02 Nov 2009 15:50:00 +0000

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

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

В пятницу 30го октября для всех пользователей Blogspot появилось еще 2 варианта цвета – «прозрачный светлый» и «прозрачный темный». Данное решение позволяет использовать возможности современных браузеров в плане отображения эффекта прозрачности. Это позволяет навигационной панели navbar смешиваться с цветов или текстурой фона вашего блога. Светлая прозрачность создает пастельный цвет панели, темная – добавляет затемнние.

Кроме того, разработчики Blogger немного упростили и подправили внешний виде панели navbar. Теперь она будет вписываться в дизайн блога более гармонично. Чтобы включить новое отображение паленей в блоге нужно зайти в раздел «Дизайн» меню «Элементы страницы» и кликнуть по ссылке «Изменить» для навигационной панели, после чего выбираете нужный цвет.

В принципе, ничего сложного. Теперь панель можно не только скрыть, но и оставить с вполне приемлемыми цветовыми решениями.

Различные варианты подписки на обновления блога для Blogspot

noreply@blogger.com (Tod) — Tue, 27 Oct 2009 11:44:00 +0000

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

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

Как только я начинал свой путь в блогах, года 2 назад, проводились споры относительно величины изображения кнопки RSS, ее привлекающем оформлении. Я не сторонник каких-то радикальных мер, придерживаюсь лишь одного мнения – «если пользователь захотел подписаться на обновления блога, сделать ему это было просто и быстро». Очень часто (практически всегда) я добавляю к RSS иконке еще несколько кнопок:

подписаться через Google Reader
подписаться через Яндекс Ленту
подписаться через RSS2Email (либо подписка на почту через FeedBurner)
счетчик читателей – иногда он привлекает дополнительное внимание и стимулирует подписаться нового читателя.

Для этого использую следующий код (для своего блога нужно этот код подправить!):

<noindex>
<a href="http://feeds2.feedburner.com/Blogohelp" rel="nofollow" title="Подписаться на Blogohelp RSS" type="application/rss+xml">
<img alt="BlogoHelp RSS" style="border: 0pt none;" src="!!!Ссылка_на_RSS_иконку!!!" />
</a>
<a href="http://feeds2.feedburner.com/Blogohelp" rel="nofollow">
<img style="border: 0pt none; padding-bottom: 7px;" alt="" src="http://feeds2.feedburner.com/%7Efc/Blogohelp?bg=FF9900&amp;fg=444444&amp;anim=0" height="26" width="88" />
</a>
<a style="padding-bottom: 13px;" href="http://fusion.google.com/add?feedurl=http://feeds2.feedburner.com/Blogohelp" rel="nofollow">
<img style="padding-top: 3px;" alt="Читать в Google.Reader" src="http://buttons.googlesyndication.com/fusion/add.gif" title="Читать в Google.Reader" height="17" width="104" />
</a>
<a href="http://lenta.yandex.ru/settings.xml?name=feed&amp;url=http://feeds2.feedburner.com/Blogohelp" rel="nofollow">
<img alt="Читать в Яндекс.Ленте;" style="padding-top: 3px;" src="http://lenta.yandex.ru/i/addfeed.gif" title="Читать в Яндекс.Ленте" border="0" />
</a>
<a href="http://www.rss2email.ru/?rss=http://feeds2.feedburner.com/Blogohelp" rel="nofollow" title="Получать RSS-ленту на почту">
<img style="padding-top: 5px;" src="http://www.rss2email.ru/counter/rss2email_91x17_b.gif" border="0" />
</a>
</noindex>

Здесь выводится (по порядку) иконка RSS с попдиской, счетчик RSS, подписка через Google Reader, подписка через Яндекс Ленту и последнее - подписка через RSS2Email.

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

Используем при этом следующуй код (в шаблоне после <data:post.body/>):

<noindex>
<div class='post-subscribe' style='vertical-align: middle'> 
Понравился пост? Подпишись на обновления блога по <a href='http://feeds.feedburner.com/Blogohelp' rel='nofollow'> <img alt='BlogoHelp RSS' src='!!!Ссылка_на_RSS_иконку!!!' style='border: 0pt none; padding-right: 3px;'/>RSS</a>, <a href='http://www.rss2email.ru/?rss=http://feeds.feedburner.com/Blogohelp' rel='nofollow'> <img alt='BlogoHelp по Email' src='!!!Ссылка_на_email_иконку!!!' style='border: 0pt none; padding-right: 3px;'/>Email</a> или <a href='http://twitter.com/sashatod' rel='nofollow'><img alt='' src='!!!Ссылка_на_twitter_иконку!!!' style='border: 0pt none; padding-right: 3px;'/>twitter</a>!
</div>
</noindex>

В стилях CSS добавляем:

.post-subscribe {
 padding: 10px 0px 8px 0px;
 font-size: 12px;
 height: 30px;
 text-align: center;
 font-weight: bold;
 border: 1px dashed #bfe3eb;
 margin-bottom: 10px;
}

.post-subscribe IMG {
 vertical-align: middle;
 padding-top: 5px;
}

Внимание!!! Как и выше здесь вместо русского текста нужно вставить соответствующие значения – залить картинки на ftp либо picasa (и любой другой бесплатный сервис для хранения фоток), а также указать ссылку на RSS поток вашего блога.

3. Третий вариант появился относительно недавно – но выглядит впечатляюще. Это тулбар Wibiya – удобная и функциональная панелька для блога. Его можно «прикрутить» к различным блоггерским платформам - Wordpress, Blogger, TypePad, он поддерживает около 20-ти языков (в том числе и русский), а также обладает следующими возможностями:

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

Понятно, что кроме подписки Wibiya обладает ну очень большим набором функций. Фишка в том, что выглядит она в блоге достаточно оригинально и заметно – поэтому если новый читатель не может найти кнопку подписки после поста, либо в сайдбаре (вдруг у него отключены картинки, а у вас не прописаны alt-ы), тогда на помощь придет тулбар Wibiya. Пример его работы можно посмотреть например, в блоге у Дмитрия Наумова там, кстати, по Wibiya есть интересная последняя заметка. В общем, какой бы из вариантов вы не выбрали - не забывайте об удобности блога для пользователей. Можно даже все 3 использовать вместе.

P.S. Постовой. Агентство предлагает услуги производства и размещения рекламы в СМИ.
Интересно почитать - автомобильные социальные сети Smotra и Drive2 для автолюбителей.
Лучшие бесплатные фотобанки и фотостоки для дизайнеров.

Добавление секции элементов шаблона в блоге на Blogspot

noreply@blogger.com (Tod) — Sun, 18 Oct 2009 21:21:00 +0000

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

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

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

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

2. Вот, например, такой код для сайдбара:

<div id='sidebarbottom-wrap1'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Feed1' locked='false' title='Recent Posts' type='Feed'/>
<b:widget id='Label1' locked='false' title='Labels' type='Label'/>
<b:widget id='BlogArchive2' locked='false' title='Blog Archive' type='BlogArchive'/>
<b:widget id='LinkList1' locked='false' title='Blogroll' type='LinkList'/>
</b:section>
</div>

b:section – это и есть блоки с объединенными в группы элементами b:widget. Поэтому чтобы добавить новый блок мы должны в нужной части шаблона разместить код по типу этого:

<b:section id='header' class='header' maxwidgets="1" showaddelement="no"> 
...
</b:section>

У <b:section> есть следующие атрибуты:

id - (обязательный) – уникальное имея из букв и цифр.
class – класс стиля для.
maxwidgets – максимально число виджетов в блоке.
showaddelement – может иметь значения 'yes' или 'no' (yes по умолчанию), определяет будет ли в меню «Элементы страницы» отображаться ссылка «Добавить гаджет».
growth – может иметь значения 'horizontal' или 'vertical' (по умолчанию – vertical), указывает порядок сортировки виджетов – друг за другом или в стэке.

3. Далее можно в блок добавлять виджеты.

Следует заметить, что для секций b:section вложения не поддерживаются. В принципе, нет ничего сложно в этой инструкции, она пригодится если вы захотите создать свой шаблон и сделать доступным для скачивания – помните, что не все смогут ковыряться в коде, поэтому нужно сделать макет максимально дружелюбным для пользователя.

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

Публикация поста в Blogger вместе с Google Sidewiki

noreply@blogger.com (Tod) — Wed, 14 Oct 2009 11:38:00 +0000

Вчера в блоге Вебдванольные заметки опубликовал пост про новый инструмент Google Sidewiki. Инструмент весьма интересный и местами впечатляющий – своего рода новый способ делиться информацией во всемирной паутине. Google Sidewiki это новая функция панели Google Toolbar для IE и Firefox, которая позволяет поделиться своим мнением и мыслями относительно любой веб-страницы в сети, а также просмотреть записи других людей. Все это происходит в сайдбаре браузера, отсюда и такое название.

Google Sidewiki использует специальный алгоритм, который позволяет отображать самые полезные записи пользователей сверху, а также имеет встроенную технологию, отвечающую за вывод ваших комментариев на других сайтах, содержащих одинаковые сниппеты текста. Чуть больше информации о сервисе можно почитать в моем обзоре или на официальном сайте. Не остался в стороне и сервис Blogspot.

В Google Sidewiki есть возможность публиковать записи прямо в блог на платформе Blogger. Для начала гляньте небольшой видеоролик где демонстрируется процесс добавления записи в блог.

В общем, чтобы разместить новую запись Google Sidewiki в своем блоге:

Заходите в сервис (кликаете по иконке на Google Toolbar).
Внизу сайдбара нажимаете ссылку для публикации новой заметки (Write an entry).
Пишете в специальной форме заголовок и текст сообщения.
Далее раскрываете список ваших доступных блогов на Blogspot для публикации и отмечаете в каком именно блоге следует опубликовать заметку.
Нажимаете кнопку Опубликовать (Publish) и проверяете свой блог.

В принципе, ничего особенного в этом нет, но фишка весьма интересная. Если вы ведете «простой блог», куда записываете много разных вещей небольших по объему, какие мысли или комментарии происходящих событий, то вероятно опция из Google Sidewiki вам пригодится – вы сможете публиковать одновременно заметку в сервисе и собственном блоге. По-моему, весьма удобно.
Хотите попробовать? Тогда устанавливайте Google Toolbar и потестируйте Sidewiki.

P.S. Постовой. Закажите seo продвижение сайтов для вашей компании.
Интересное почитать - история чая в Китае, России и Европе.

Widgetbox - сделайте виджет из вашего блога

noreply@blogger.com (Tod) — Tue, 06 Oct 2009 18:04:00 +0000

По поводу празднования 10-ой годовщины создания Blogger`а разработчики приготовили еще один приятный сюрприз для своих поклонников. В результате партнерства Widgetbox и сервиса Blogspot вы сможете легко и быстро сделать из своего блога виджет. Разместите заголовки статей на своем основном сайте, либо предоставьте возможность поклонникам проекта поделиться полезными публикациями со своей аудиторий – в любом из этих случаев вам поможет данный виджет. Сервис Widgetbox поможет управлять его содержимым. Чтобы стало более понятно о чем идет речь, предлагаю посмотреть в сайдбар данного блога либо на картинки ниже, где нарисованы 2 примера созданных за несколько минут виджетов.

Какие преимущества дает сервис.

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

Как создать себе виджет? – очень просто.

Заходим на специальную страницу сервиса Widgetbox, где вводим адрес RSS фида для своего блога.
Указываем параметры дизайна и отображения виджета.
Публикуем его.
Добавляем на свой сайт и приглашаем поклонников ресурса поделиться им со своими читателями.
Проверяем статистику виджета – просмотры, установки на других доменах и т.п.
Следует также сказать о настройках внешнего вида – их достаточно много.

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

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

P.S. Постовой. Купить компьютерные столы, угловые столы.
Ремонт компьютеров и абонентское обслуживание в Киеве.
Услуги электрика, электрик и электромонтажные работы.

Blog2Print - сделайте из своего блога настоящую книгу

noreply@blogger.com (Tod) — Fri, 02 Oct 2009 09:19:00 +0000

Веселье и бонусы в честь 10-ти лет существования платформы Blogspot продолжаются. Один весьма интересный сервис под названием Blog2Print начал работать с блогами Blogger`а. Blog2Print позволяет напечатать некоторые из ваших постов, а также изображений в виде полноценной профессиональной цветной книги. С 2007 тысячи пользователей Blogger стали поклонниками сервиса, который позволял очень легко и быстро сохранить и поделиться своими записями с друзьями, родственниками и т.п. Вы можете создавать книги по сезонам, годам, даже по определенной тематике, а также выбирать мягкую обложку или твердый переплет для своего произведения.

В книгу, созданную с помощью Blog2Print.com можно даже добавить комментарии из постов блога. Кроме того, содержимое можно редактировать, дополнять бумажный вариант дополнительными фотографиями и заметками.

Использовать сервис очень просто – заходите на эту страницу и вводите название блога в соответствующее поле. Далее появится ряд настроек:

Здесь можно выбрать:

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

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

Напоследок немного о неприятном – все это, увы, не бесплатное удовольствие. За мягкий переплет и 20 страниц текста вы должны будете уплатить $14.95, каждая следующая страница обойдется еще в 35 центов. Для твердого переплета стоимость $24.95, есть также PDF версия за $7.95.

Кроме того, вызывает сомнение (или точнее сказать – дополнительные вопросы) доставка. Поскольку сервис находится «не у нас», то придется немного свою книгу подождать, хотя, в принципе, задумка и реализация достаточно интересная.

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

Аватары для комментариев в блоге на Blogspot

noreply@blogger.com (Tod) — Mon, 28 Sep 2009 09:20:00 +0000

Система Blogspot, а точнее ее разработчики не перестают нас удивлять. Один из сотрудников компании Lu Chen из Филадельфии представил возможность отображать аватары возле текста комментария. Я уже как-то рассматривал данный вопрос в посте улучшаем систему комментирования, где рассказывал об одном стороннем скрипте, а также в каммнтах пользователи рекомендовали другие сервисы, но сейчас это все уже не столь актуально – ведь для Blogspot добавлена поддержка аватар в качестве функциональной возможности движка. При этом аватаркой является изображение, которое указано в профайле пользователя (смотрите панель управления блогом).

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

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

Внимание! Чтобы позвонить аватарам отображаться в блоге требуется в разделе «Настройки» меню «Комментарии» указать соответствующие настройки – ищите поле «показывать в комментариях изображения из профиля?».

Как всегда придется потрудится для подключения опции владельцам нестандартных шаблонов Blogspot. Нужно будет сделать несколько правок в HTML шаблоне.

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

<dl id='comments-block'>

Заменяем его на:

<dl expr:class='data:post.avatarIndentClass' id='comments-block'>

3. Дальше ищем в шаблоне

<a expr:name='data:comment.anchorName'/>

Лично у меня такого не было, в принципе, вам главное нужно найти место, где выводятся комментарии – а это совсем рядом с предыдущей кодом, рассмотренным в пункте 2. Так вот после найденного или нет кода добавляем

<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>

4. Сохраняем шаблон. Последние строки непосредственно отвечают за вывод изображения.
5. Дальше укажем изображение, которое будет показываться, если у пользователя нет аватарки. Для этого находим в шаблоне код

<a expr:name='data:comment.anchorName'/>

Либо перемещаемся на место, где был только что добавлен вывод картинки, и помещаем после него условный оператор:

<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='35px' style='margin-bottom:-2px;' width='35px'/>
</b:if>

6. После этого добавляем в CSS стили (перед ]]></b:skin>) следующие строки:

/* Avatar */
.avatar-image-container img {
background:url(http://i860.photobucket.com/albums/ab162/LeBloggerTemplate/AvatarBlogger.png);
width:35px;
height:35px;
}

В параметре background указывается ссылка на изображение. Если у вас что-то не получается, еще раз проверьте разрешили ли вы аватары в настройках блога.

P.S. Постовой. Кстати, насчет аватар. Есть классный сервис для создания аватар онлайн - Face Your Manga.
В походах и путешествия важен рюкзак, в котором можно все разместить.
Все для свадьбы - идеи, аксессуары, свадьба подарки, оригинальная организация.

Вставка Google Adsense после заголовка в постах на Blogspot

noreply@blogger.com (Tod) — Thu, 24 Sep 2009 10:20:00 +0000

Тут меня попросили объяснить как вставить рекламу Google Adsense в сообщения блога после заголовка. Вопрос это не такой простой, состоит из нескольких «подготовительных этапов», если можно так выразиться. Один таких моментов я рассмотрел в прошлый раз – это статья про условный оператор и вывод данных на главной странице.

Перед тем, как размещать код Google Adsense в любом месте шаблона вам нужно будет его добавить, причем сделать это «напролом», открыв HTML код макета не получится. Поэтому приходится устанавливать контекстную рекламу с помощью средств самой системы Blogspot. Это этап номер2 – смотрите вторую часть данного поста. Нужно добавить код Google Adsense между постами в блоге. Соответствующая опция доступна в разделе «Макет» в свойствах элемента «Сообщения блога».

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

1. Заходим в раздел «Макет» - «Изменить HTML». Перед правками шаблона, как обычно, сохраняем его бэкап (резервную копию) чтобы можно было восстановить.

2. Отмечаем галочку «расширить шаблоны виджета», после чего находим в коде строку <data:post.body> - это начало элемента статьи.

3. Сразу же после него добавляем строки:

<b:if cond='data:post.includeAd'>
<data:adEnd/>
<data:adCode/>
<data:adStart/>
</b:if>

Кстати, не забывайте, что только 3 элемента контекстной рекламы adsense (не ссылок) может одновременно находится на странице.

4. Если вы хотите чтобы код рекламы отображался не так как у меня, а имел обтекание текстом справа или слева, то следует добавить в код выше строки:

<div style='float:left;'> или <div style='float:right;'>

5. Теперь вспоминаем уроки прошлого поста – чтобы задать отображение Google Adsense только на странице с полным текстом поста нужно использовать:

<div style='float:left;'>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.includeAd'>
<data:adEnd/>
<data:adCode/>
<data:adStart/>
</b:if>
</b:if>

Здесь задано обтекание текстом справа. Внимание, если вы хотите добавить контекстную рекламу adsense после поста, то найдите в коде шаблона строку <data:post.body/> и вставляйте рекламный код после нее.

P.S. Постовой. Кондиционеры сплит системы - купить в Киеве.
Выбирайте необычный и оригинальный подарок в нашем интернет магазине.

Условный оператор и вывод данных на главной странице

noreply@blogger.com (Tod) — Fri, 18 Sep 2009 11:51:00 +0000

Иногда бывают ситуации в блоге, когда вам нужно выводить определенные данные отдельно на главной и странице с полным текстом поста. Для этого используется условный оператор в коде шаблона. Косвенно данную тему мы уже рассматривали в посте об оптимизации BlogSpot блога с помощью настройки заголовка Tilte.

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

<b:if cond='data:blog.pageType == "item"'>
информация, которая выводится на странице с полным текстом поста
<b:else/>
здесь код, что выполняется не на странице сообщений, то есть на главной
</b:if>

Это наиболее общая запись, если нужно рассмотреть 2 варианта условия - в случае положительного и отрицательного результата.

Можно ограничиться кодом без else. Например, если вам просто нужно вывести какую-то информацию на странице с полным текстом статьи, тогда используете код:

<b:if cond='data:blog.pageType == "item"'>
вывод нужной информации
</b:if>

Можно применить условие «если нет», тогда вместо двух символов равно «==» используете такое сочетание – «!=», в коде это выглядит следующим образом:

<b:if cond='data:blog.pageType != "item"'>
вывод нужной информации на главной
</b:if>

Зачем это все может быть нужно. Разные могут быть причины. У меня, например, условия используются для:

вывода разных значений title
вывода связных сообщений только на странице с полным текстом статьи
разного отображения контекстной рекламы google adsense на главной и других страницах

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

<b:if cond='data:team=="true"'>
отображать нескольких авторов
</b:if>

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

P.S. Советую глянуть красивые черно-белые фотографии для вдохновения.

Кнопка «читать далее» в Blogger

noreply@blogger.com (Tod) — Sun, 13 Sep 2009 20:40:00 +0000

Можно сказать лишь одно слово – свершилось! Теперь в блогах на Blogspot доступна опция кратких сообщений со ссылкой «читать далее» на полный текст статей. Спасибо следует сказать разработчику Sean McCullough. Если вы продвинутый пользователь Blogger, то, видимо, уже в курсе, что многие создавали сообщения «под катом» и без этого нововведения. Только не для всех данный процесс был легким, потому и приводил к множеству ошибок. Теперь же все гораздо проще.

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

Существует несколько способов вставить ссылку «читать далее». Во-первых, если вы используете новый текстовый редактор (доступен в черновиках Blogger или при включении соответствующей опции в меню «Настройки» - «Основные сведения»), то вы должны заметить в самом конце панели управления кнопку «Insert jump break» («Вставить переход»). Собственно, нажимаете ее в том месте, где хотите сделать разделение.

Если вы не используете новый текстовый редактор, то всегда можете вставить разрыв для поста в режиме редактирования HTML. Для этого заходим в правку текста HTML без редактора и в нужном месте добавляем текст .

Для того чтобы изменить текст ссылки «Читать далее» на любой другой, нужно зайти в раздел «Макет», где для центрального блока Сообщения блога кликнуть по ссылки «Изменить» чтобы отредактировать его настройки. В открывшемся окне в самом начале вы найдете поле «Текст ссылки на страницу сообщения», где и задается текст для ссылки.

Следует также заметить, что вставка разрыва Jump Break никоим образом не влияет на то как отображается пост в RSS фиде. Напомню, что данная конфигурация может быть произведена в разделе «Настройки» меню «Канал сайта».

Внимание! Если вы обладатель какого-то нового и навороченного шаблона Blogger с множеством фишек, вам может понадобится дополнительная правка кода для активации сообщений под катом. Для этого, во-первых, сделайте бэкап шаблона, затем в разделе «Макет» - «Редактировать HTML» отмечаете галочку «расширить шаблоны виджета». Далее находите в тексте код

<data:post.body/>

Сразу же после него размещаете:

<b:if  cond='data:post.hasJumpLink'> 
<div class='jump-link'> 
<a expr:href='data:post.url +  "#more"'><data:post.jumpText/></a> 
</div> 
</b:if >

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

P.S. Постовой. На нашем сайте вы можете скачать покер бесплатно.

BlogPress Lite - бесплатное приложение для iPhone

noreply@blogger.com (Tod) — Sat, 05 Sep 2009 19:19:00 +0000

Разработчики рады сообщить всем, что теперь Blogger стал боле доступным для пользователей iPhone. Если быть точным, приложение уже продавалось iPhone App Store, но команда создателей решила выпустить бесплатную версию BlogPress как раз в честь празднования 10 юбилея движка Blogspot. Приложение называется BlogPress Lite и содержит множество полезных возможностей движка Blogger, что делают его максимально простым и эффективным для мобильного блоггинга.

Функциональный текстовый редактор, загрузка изображений, теги, разные настройки, авто сохранение – вот некоторые из фишек клиента BlogPress Lite, плюс некоторые другие особенности специально для iPhone. Поддерживается также режим редактирования в горизонтальном положении телефона (Landscape), знакомый многим пользователям iPhone. Посты в блоге автоматически сохраняются когда на аппарат поступает телефонный звонок – вам не нужно переживать из-за того, что данные будут утеряны.

В общем, если вы счастливый обладатель iPhone, есть повод порадоваться вдвойне – хороший у вас телефон, ну и вскоре вы сможете бесплатно воспользоваться приложением BlogPress Lite.

Кнопка "открыть доступ" в navbar в Blogspot

noreply@blogger.com (Tod) — Mon, 31 Aug 2009 10:41:00 +0000

А вот, наконец, долгожданное обновление для панели навигации navbar. Ранее я уже рассказывал как можно убрать панель navbar или автоматически скрывать navbar в Blogspot.

Потому как она может испортить некоторые весьма оригинальные дизайны. Теперь появилась дополнительная причина этого не делать. 27 августа некий Talin программист из команды Blogger представил небольшое обновления для navbar, а именно кнопку Share (в русском переводе это «Открыть доступ»).

Теперь, когда кто-то посещает ваш блог, он сможет нажать на эту кнопку Share (открыть доступ) и поделиться ссылкой на него в своих аккаунтах на Twitter, Facebook или Google Reader. Если при этом посетитель находится на странице с полным отображением статьи, то к опциям добавляется еще и Emial.

Разработчики утверждают, что уже наблюдали несколько удачных применений для данной опции и надеются, что она поможет увеличить количество аудитории в блоге, а также предоставить больше возможностей для распространения своей истории по всему миру. Кстати, каждая ссылка (url), которая распространяется с помощью кнопки Share имеет специфический параметр ?spref=nn, где значения fb=Facebook, tw=Twitter и gr=Google Reader. Так вот, если вы используете Google Analytics, то данная опция поможет вам какое количество трафика вы получаете из каждого из этих источников.

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

Вообще, интересное нововведение, хотя, признаться, кнопка «Открыть доступ» не очень заметная, если сравнивать, например, с google friend connect, которых хорошо привлекает и увеличивает аудиторию блога.

Облако тегов Blogspot одним кликом с помощью виджета

noreply@blogger.com (Tod) — Tue, 25 Aug 2009 22:40:00 +0000

Свершилось! Не прошло и несколько лет, как разработчики доработали свой виджет «Ярлыки», который теперь можно использовать в качестве полноценного облака тегов. Данное эпохальное (без преуменьшения) событие произошло во-первых, благодаря пользователям системы, которые в апреле высказались и добавили в список желаемых функций большую гибкость для виджета. Во-вторых, следует отметить труд программиста Блоггера Wiktor Gworek из Кракова (Польши), который, как я понял, все это организовал и воплотил в реальность. Итак, теперь список тегов дополнен двумя новыми фишками.

1. Облако тегов

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

После активации вы увидите столь привычный формат облака. Более употребляемые теги будут отображать шрифтом побольше.

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

2. Выбор тегов

Если вы уже давно используете Blogger в качестве платформы для своего блога, то наверняка у вас накопилось так много тегов, что вы уже не знаете что с ними делать. Не хотите отображать их все? – нет проблем! Теперь это сделать проще простого. В настройках виджета ярлыки выбираете вариант «Выбранные ярлыки» (Selected labels), после чего в открывшемся окне вы сможете отметить нужные вам теги.

Кстати, если так подумать подобным образом теперь очень легко формировать меню для блога – нет смысла создавать элемент HTML, куда вручную вставлять код. Можно создать список тегов и выбрать нужные вам метки.

P.S. Постовой. Зацените памятник водопроводчику - вот это я понимаю креатив!
Проверь свою скорость интернета с помощью нашего сервиса.

Как автоматически скрывать панель navbar в Blogger

noreply@blogger.com (Tod) — Sat, 15 Aug 2009 10:11:00 +0000

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

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

Для этого понадобится небольшой скрипт или точнее чуть-чуть CSS кода, который позволит автоматически скрывать и показывать панель navbar при наведении на нее мышкой. Итак, заходим в раздел Макет – Изменить HTML. Перед внесением изменений в шаблон сохраним его резервную копию. Далее находим код:

#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}

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

#navbar-iframe {
opacity:0.0;
height: 10px;
filter:alpha(Opacity=0)
}
#navbar-iframe:hover {
opacity:1.0;
height: 30px;
filter:alpha(Opacity=100, FinishedOpacity=100)
border: 2px;
}

Сохраняем шаблон и проверяем что у нас получилось – должно работать. Спасибо автору данной статьи.

P.S. Постовой. Компания предлагает создание корпоративных сайтов - качественно и быстро.
Для вашего дома продажа плитки керамической в Москве

60 супер шаблонов для Blogspot

noreply@blogger.com (Tod) — Wed, 12 Aug 2009 22:40:00 +0000

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

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

Notebook

Источник - приятный шаблон в стиле записной книги, цвета спокойные, в шапке и футере большие красочные изображения, в сайдбаре выводятся метки, архив и виджет список блогов Blog List.

Dark Forest

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

Milano

Источник - очень функциональный шаблон Blogspot с большим числом информационных блоков в сайдбаре - последние, популярные посты, видео контент, рекламные блоки, виджет google friend connect, метки. Сверху находится приветственное сообщение и меню.

Exotic Vacation

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

Water Color

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

Все остальные вы найдете по ссылке в самом начале поста – всего их там должно быть около 60-ти штук, но ничто не вечно, поэтому некоторые ссылки могут и не работать. Хотя большинство вроде окей – я проверил несколько штук наугад.

P.S. Постовой. Нужны домены, региструйте на nic, выгодные условия.
Сейчас все смотрят фильмы онлайн на специальных сайтах.
Купите радиаторы отопления керми для вашего дома.

Вывод связных по тематике сообщений (related posts) в Blogspot

noreply@blogger.com (Tod) — Sun, 09 Aug 2009 19:01:00 +0000

Постоянно использую связные посты в своих блогах на Wordpress - для этого там имеется плагин Simple Tags. Вообще он отвечает за работу с тегами, но, кроме того, реализует функциональность связных по тематике постов.

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

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

<data:post.body/>

Она отвечает за вывод сообщений блога. После нее добавляем такой код:

 <b:if cond='data:blog.pageType == "item"'>
  <div class='similiar'>
  <!-- *****************http://hoctro.blogspot.com*****Jan,2007****************** -->
  <!-- *****************Related Articles by Labels - Take Two****************** -->

 <!--
  Modified by JackBook.Com to make it easier to use. 
  1. Now, users don't need to change anything to use this widget. just copy and paste, and done!
  2. The current article will also be listed, now it's no more.
  -->

 <div class='widget-content'>
  <h3>Related Posts by Categories</h3>
  <div id='data2007'/><br/><br/>
  <div id='hoctro'>
  Widget by <u><a href='http://hoctro.blogspot.com'>Hoctro</a></u> | <u><a href='http://www.jackbook.com/' title='Related Posts on Blogger Modified by JackBook.Com. Read More?'>Jack Book</a></u>
  </div>
  <script type='text/javascript'>

 var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
  var maxNumberOfPostsPerLabel = 4;
  var maxNumberOfLabels = 10;

 maxNumberOfPostsPerLabel = 100;
  maxNumberOfLabels = 3;

 function listEntries10(json) {
  var ul = document.createElement(&#39;ul&#39;);
  var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ? 
  json.feed.entry.length : maxNumberOfPostsPerLabel;
  for (var i = 0; i &lt; maxPosts; i++) {
  var entry = json.feed.entry[i];
  var alturl;

 for (var k = 0; k &lt; entry.link.length; k++) {
  if (entry.link[k].rel == &#39;alternate&#39;) {
  alturl = entry.link[k].href;
  break;
  }
  }
  var li = document.createElement(&#39;li&#39;);
  var a = document.createElement(&#39;a&#39;);
  a.href = alturl;

 if(a.href!=location.href) {
  var txt = document.createTextNode(entry.title.$t); 
  a.appendChild(txt);
  li.appendChild(a);
  ul.appendChild(li); 
  }
  }
  for (var l = 0; l &lt; json.feed.link.length; l++) {
  if (json.feed.link[l].rel == &#39;alternate&#39;) {
  var raw = json.feed.link[l].href;
  var label = raw.substr(homeUrl3.length+13);
  var k;
  for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
  var txt = document.createTextNode(label);
  var h = document.createElement(&#39;b&#39;);
  h.appendChild(txt);
  var div1 = document.createElement(&#39;div&#39;);
  div1.appendChild(h);
  div1.appendChild(ul);
  document.getElementById(&#39;data2007&#39;).appendChild(div1);
  }
  }
  }
  function search10(query, label) {

 var script = document.createElement(&#39;script&#39;);
  script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
  + label +
  &#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
  script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
  document.documentElement.firstChild.appendChild(script);
  }

 var labelArray = new Array();
  var numLabel = 0;

 <b:loop values='data:posts' var='post'>
  <b:loop values='data:post.labels' var='label'>
  textLabel = &quot;<data:label.name/>&quot;;
  
  var test = 0;
  for (var i = 0; i &lt; labelArray.length; i++)
  if (labelArray[i] == textLabel) test = 1;
  if (test == 0) { 
  labelArray.push(textLabel);
  var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ? 
  labelArray.length : maxNumberOfLabels;
  if (numLabel &lt; maxLabels) {
  search10(homeUrl3, textLabel);
  numLabel++;
  }
  }
  </b:loop>
  </b:loop>
  </script>
  </div>

 </div>
  </b:if>

Если при вставке выдаются ошибки, вы можете посмотреть код в текстовом файле здесь.

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

Первое замечание, которое хотелось бы сказать – если у вас нестандартный шаблон и после поста блога выводится множество различных блоков – голосование, adsense и т.п., то вы можете добавлять код для related posts после них, до, между блоками и как вообще угодно. Можно даже после комментариев разместить.

Момент номер 2. В коде имеются переменные

maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;

Если я правильно понял их смысл, то первая задает количество связных постов для каждого тега (минут 1), а вторая количество тегов. Например, у меня установлено:

maxNumberOfPostsPerLabel = 3;
maxNumberOfLabels = 7;

Здесь для 7 тегов поста будут выбраны по 2 (3 минус 1) связные записи (собственно они зависят от тегов, как вы понимаете). Теоретически максимальное число связных постов может быть 2*7 = 14.

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

Ну и последнее, что хочется сказать – наверное самое главное для русскоязычных блогов. Дело в том, что в коде выводится название метки, для которой подбираются связные посты, причем выводится текст не очень хорошо для русских тегов:

Поэтому я убрал эту опцию вообще, закомментировав несколько строчек исходного кода:

 var txt = document.createTextNode(label);
  //       var h = document.createElement(&#39;b&#39;);
  //       h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
//       div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;data2007&#39;).appendChild(div1);

Вроде работает. Если посмотреть в код, там, конечно, есть еще лишние теги некоторые, но править код дальше я уже не рискнул – тем более, что все и так правильно выводится.

P.S. Постовой. Холодильники ведущих производителей в нашем интернет магазине.
Как построить свои форекс стратегии на основе опционов.
Блог для веб-мастера - про заработок в интернете на сайте.

Автоматический перевод блога на Blogspot с помощью Google translate

noreply@blogger.com (Tod) — Thu, 30 Jul 2009 18:24:00 +0000

В некоторых блогах на Blogspot вы могли видеть небольшие флажки разных стран, кликая по которым мы получали перевод содержимого той или иной страницы блога. Сегодня расскажу как сделать такое у себя. Весь процесс достаточно прост, в работе использует механизм от переводчика гугла - google translate.

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

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

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

<form action="http://www.google.com/translate">
<script language="JavaScript">
<!--
document.write ("<input name=u value="+location.href+" type=hidden>")
// -->
</script>
<input value="en" name="hl" type="hidden"/>
<input value="UTF8" name="ie" type="hidden"/>
<input value="" name="langpair" type="hidden"/>
<input  onclick="this.form.langpair.value=this.value" title="French"  value="en|fr" type="image" height="20"  src="http://photos1.blogger.com/img/43/1633/320/13539949_e76af75976.jpg"  width="30" name="langpair"/>
<input  onclick="this.form.langpair.value=this.value" title="German"  value="en|de" type="image" height="20"  src="http://photos1.blogger.com/img/43/1633/320/13539933_041ca1eda2.jpg"  width="30" name="langpair"/>
<input  onclick="this.form.langpair.value=this.value" title="Italian"  value="en|it" type="image" height="20"  src="http://photos1.blogger.com/img/43/1633/320/13539953_0384ccecf9.jpg"  width="30" name="langpair"/>
<input  onclick="this.form.langpair.value=this.value" title="Portuguese"  value="en|pt" type="image" height="20"  src="http://photos1.blogger.com/img/43/1633/320/13539966_0d09b410b5.jpg"  width="30" name="langpair"/>
<input  onclick="this.form.langpair.value=this.value" title="Spanish"  value="en|es" type="image" height="20"  src="http://photos1.blogger.com/img/43/1633/320/13539946_2fabed0dbf.jpg"  width="30" name="langpair"/>
<input  onclick="this.form.langpair.value=this.value" title="Japanese"  value="en|ja" type="image" height="20"  src="http://photos1.blogger.com/img/43/1633/320/13539955_925e6683c8.jpg"  width="30" name="langpair"/>
<input  onclick="this.form.langpair.value=this.value" title="Korean"  value="en|ko" type="image" height="20"  src="http://photos1.blogger.com/img/43/1633/320/13539958_3c3b482c95.jpg"  width="30" name="langpair"/>
<input  onclick="this.form.langpair.value=this.value" title="Chinese  Simplified" value="en|zh-CN" type="image" height="20"  src="http://photos1.blogger.com/img/43/1633/320/14324441_5ca5ce3423.jpg"  width="30" name="langpair"/>
<input  onclick="this.form.langpair.value=this.value" title="Arabic"  value="en|ar" type="image" height="20"  src="http://farm4.static.flickr.com/3043/2347434064_0d36a04624_o.gif"  width="30" name="langpair2"/>

Выглядеть такое блок будет как у меня в шапке.
Внимание! В коде по умолчанию для каждого из флажков задан язык оригинала английский – смотрите поле, например, value="en|fr" или value="en|de". Соответственно, в каждой такой строке нужно вместо en поставить ru.

Есть еще вариант в одном из англоязычных блогов с отражением:

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

Последний вариант – использование сервиса conveythis. Выглядит блок с переводами очень компактно, при наведении появляются варианты для локализации. Для работы нужна регистрации, после чего устанавливаете программный код себе в блог. Выглядит все это вот так:

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

P.S. Постовой. Читаєш блоги? Цей блог тебе зацікавить!
Холодильник - хорошее решение против жары в нашем интернет магазине.

Новые виджеты / гаджеты для Blogspot

noreply@blogger.com (Tod) — Sun, 19 Jul 2009 14:53:00 +0000

Давно что-то я не появлялся в блоге – жара, дела, желание отдохнуть и многие другие мелочи значительно повлияли на трудовую активность. Да и нельзя сказать, что у Блоггера было так уж много новостей в последнее время. Причем Google ведь активно вводит новые функции и возможности в других своих сервисах, видимо, пока с Blogger идет активная работа. И это что-то вроде затишья перед бурей, не зря же разработчики обещали множество новинок этим летом. А в это время в их блогах публикуются статьи больше обзорного плана – в прошлый раз это были обзоры дружественных сервисов Lijit и Zemanta, теперь вот пост про виджеты опубликовали. Правда почему-то в черновой версии блоггера.

Итак, некая Аманда из популярного ресурса Blogger Buster разработала 4 новых гаджета для сайдбаров наших с вами блогов. Теперь добавить некоторые возможности будет намного легче.

Picasa Photostream – отображает небольшие превью недавно добавленных фотографий в Picasa. Установить гаджет.
Twitter Updates – делимся последними сообщениями своего твиттера.
Blogger Resent Posts – отображает самые последние посты блога с некоторыми нстройками.
Blogger Resent Comments – похож на предыдущих виджет, только он отображает самые последние посты комментарии.

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

Чтобы добавить эти гаджеты себе в блог, необходимо зайти в меню «Макет» - «Элементы страницы», после чего кликнуть в нужном месте шаблона на ссылку «Добавить гаджет». В новом окне откроется список доступных модулей, где нужно выбрать закладку «Избранные» (Featured). Там, собственно, все эти 4 гаджета вы и найдете.

Если хотите отслеживать появление новых разработок, заходите в специальный блог, также вы можете почитать документацию по разработке гаджетов и создавать их самостоятельно. Про создание простого гаджета я уже публиковал заметку в блоге - тоже можно почитать. Следует также заметить, что некоторые из них пока что не совсем корректно работают в браузере Google Chrome, сейчас разработчики над устранением эти проблем.

Я себе попробовал поставить эти гаджеты - работают! По твиттеру даже оставил, остальные у меня и так есть. А вы используете гаджеты в своем блоге? Если да, то какие?

P.S. Постовой. Чтобы спастись от жары вы можете купить холодильник в нашем интернет магазине.
Збираєшся кудись на літо? пасажирські перевезення тебе перевезуть!
Полезное для женщин вторая неделя (2 недели) беременности признаки симптомы.

Сервис Lijit - собираем информацию о посетителях

noreply@blogger.com (Tod) — Wed, 08 Jul 2009 18:34:00 +0000

Периодически в блоге создателей Blogspot публикуются обзоры проектов, которые тем или иным образом расширять функциональность блогов. В прошлый раз я рассказывал о сервисе zemanta, теперь расскажу о Lijit - лиджит, если я правильно понял) С фантазией у создателей подобных стартапов всегда было хорошо. Так вот, данная компания занимается разработкой поисковых приложений. Регистрация и установка специальных «дополнений» сделана весьма простой и быстрой.

Но перед тем как регистрироваться, нужно понять чем же Lijit может быть полезен. Ну, во-первых, сервис предоставляет хороший поисковых инструмент. С его помощью вы можете искать информацию не только у себя в блоге, проектах ваших друзей, но и также на других «связных сайтах» (Flickr, YouTube, Picasa, del.icio.us bookmarks, etc.), которым ваши друзья регулярно пользуются.

Во-вторых, Lijit предлагает систему статистики – по каким запросам люди попали на ваши блог, что конкретно они смотрели на вашем проекте, откуда пришли. В общем, собирает достаточно много информации о трафике на блоге.

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

Также можно посмотреть карту посетителей (откуда они пришли).

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

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

А вы что-либо такое используете у себя в блоге?

P.S. Постовой. Для получения постоянного дохода используем заработок в интернете на своем сайте.
Набридло качати фільми? Дивись фільми онлайн!
Пришло самое лучшее врем купить ноутбук в интернет магазине.

Сервис Zemanta сделает ваш блог умнее

noreply@blogger.com (Tod) — Thu, 25 Jun 2009 18:30:00 +0000

Сегодня хочу рассказать об одном интересном и полезном сервисе для блогов на движке Blogspot, который может облегчить вашу работу. Называется он Zemanta Проект представляет из себя плагин для браузеров Firefox и IE, а также букмаклет для Chrome и Safari. Некоторые разработчики Блоггера сами его используют.

Работает он следующим образом – в процессе написания вами нового поста в Blogger Zemanta открывается в качестве сайдбара справа от текстового редактора. После того как вы напишите пару предложений, сервис проанализирует значение используемых слов и предложит для добавления графический и видео контент, который релевантный тексту. Буквально одним кликом или с помощью drag and drop механизма вы сможете вставить изображения в пост. Причем в этом случае соблюдаются все авторские права, ибо система выбирает только допустимые фотки, а под ними автоматически вставляется ссылка на источник.

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

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

Вот небольшое видео, которое наглядно демонстрирует рабочий процесс с помощью Zemanta.

Напоследок добавлю еще 2 нюанса - плохую и хорошую новости) Начнем с последней. Не уверен, что сервис будет работать с русскими текстами, так как подобные разработки в большей степени касаются англоязычного сегмента сети. А хороший момент такой, что Zemanta поддерживает около 20-ти источников информации, где есть тот же Амазон, Flickr, IMDB, фэйсбук, майспэйс и многие другие. Кроме того, плагин работает не только Blogger, а и все основными блоггерскими платформами. Подробнее читайте на официальном сайте.

P.S. Постовой. Советую почитать толковый блог про заработок в интернете.
На нашем сайте вы найдете ипотечные кредиты - Москва и регионы.
Вы хотите продажи и звонки?! Тогда закажите: поисковая раскрутка сайта, комплексная раскрутка и продвижение сайтов.
Каталог авто фирмы audi на портале Автомании.

12 архивов (источников) Blogspot шаблонов

noreply@blogger.com (Tod) — Mon, 15 Jun 2009 19:41:00 +0000

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

В итоге получился такой вот списочек:

BTemplates. Бесплатный архив шаблонов, которые загружаются на сайт пользователями. Дизайны разделены по типам и характеристикам.
The Cutest Blog on the Block. На сайте есть бесплатные макеты, хотя больше полезным есть – фоны (background) для сайтов.
Blogger Styles. Галерея шаблонов с возможностью оценивания их пользователями, а также подробными инструкциями по установке.
FalconHive. Содержит переработанные шаблоны от WordPress для Blogspot. Перевод осуществляется по запросам (не знаю бесплатно ли). Есть архив старых работ.
All Blogspot Templates. Шаблоны, отсортированные по количеству колонок – 1,2 или 3. Также содержит макеты, подготовленные для AdSense.
Zona Cerebral. Испанский сайт с дюжиной шаблонов для выбора, в архиве есть несколько переделанных макетов из WordPress.
Quite Random. Содержит бесплатные шаблоны для Blogger и несколько инструкций по установке и их редактированию.
ChicaBlogger. Сайт на испанском, шаблоны отобранные в основном для женщин..
Deluxe Templates. Сотни шаблонов, многие переработанные из WordPress тем. Также проект имеет хорошую подборку секретов "tips & tricks" для настройки блога на Blogger.
Pyzam. Тысячи шаблонов с категориями для навигации и сортировкой по просмотрам и популярности.
Our Blog Templates. Более 160 бесплатных шаблонов, с помощью меток можно будет легко найти то, что вам нужно.
eBlogTemplates. Совмещает как бесплатные, так и платные шаблоны, а также можно советов по настройке Blogger блога.

Хочется заметить, что большая часть сайтов выше содержат шаблоны на основе Layouts (то есть новые). Не смотря на то, что этому формату уже несколько лет, кое-кто все еще использует старый формат. Разработчики в который раз рекомендуют обновиться, дабы получить доступ к продвинутым возможностям.

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

Кстати, в конце статьи, разработчики сказали очень интересную и весьма интригующую фразу – мол «по поводу Blogspot шаблонов у нас будет кое-что рассказать, но чуть позже этим летом». Ждем с нетерпением.

P.S. Постовой. Качественная seo раскрутка сайта - привлекаем новых клиентов.
Портал про недвижимость - покупка и продажа квартир.
Скачайте классные free powerpoint templates на нашем сайте.

Элемент поиска (гаджет) в Blogspot

noreply@blogger.com (Tod) — Wed, 03 Jun 2009 22:28:00 +0000

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

Чтобы установить гаджет в блог, заходим на страницу «Макет» - «Элементы страницы», где нажинам на кнопку «Добавить гаджет». После этого в списке находим элемент «Окно поиска». Возможные настройки предельно просты – вы выбираете где именно должен происходить поиск:

В данном блоге блоге (используется движок google поиска по блогам). Новые не проиндексированные страницы могут отсутствовать в результатах.
На страницах, куда ведет какая-либо ссылка в постах блоге.
По всему Интернету.
В списки любимых блогов и ссылок (блогролле).

С момента запуска данного гаджета в черновиках Blogspot, разработчики значительно усовершенствовали его функциональность. Он импортирует ваши стили и цвета шаблона по умолчанию чтобы как можно лучше интегрироваться в блог, а также позволяет искать информацию, исходя из выбранного списка и настроек. Гаджет использует технологию AJAX Search APIs, которая позволяет добавить немного инструментов, работающих в реальном времени – результаты поиска отображаются перед постами, можно переключаться между закладками (категориями поиска) или просто закрыть окно одним кликом. Также применяется Custom Search Engine, который автоматически обновляет информацию о вашем сайте, списке любимых блогов и ссылках вообще.

Я как-то уже писал об установке поиска от google (google-search) в блогах или любых сайтах, а тут разработчики сделали для BlogSpot удобный инструмент, который не требует особых навыков и разбирательства в нюансах разных настроек. Вот так, кстати, приблизительно выглядят результаты поиска:

Сверху видим закладки (выбок по какой категории ссылок мы ищем), кнопку "закрыть поиск", а также ссылку на дополнительные результаты. Дизайн, не самый приятный, но, как говорилось, выше – импортируется по умолчанию. Поэтому над ним нужно будет в CSS и HTML коде шаблона поработать самому.

P.S. Постовой. Проект trucklist.ru - спецтехника и грузовики.
Поставляем саржу и двунитку со склада в Москве.
Женский портал - все салоны красоты в Екатеринбурге.
Хотите купить подержанные автомобили? - смотрите у нас на сайте.

Дата и время публикации в блоге Blogspot

noreply@blogger.com (Tod) — Fri, 22 May 2009 07:07:00 +0000

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

Указав нужное вам время публикации из будущего, вы кликаете по кнопке «Опубликовать сообщение». Не бойтесь, оно не появится в блоге до наступления введенной даты. При этом все запланированные посты в общем списке сообщений (меню «Отправка» - «Изменить сообщения») выделяются специальным образом:

Я уже как-то говорил о запланированных публикациях для wordpress - штука очень полезная. Это удобно в том случае, если вы уезжаете куда-то не на очень длительное время, но не хотите при этом прерывать график обновления блога. Сейчас, кстати, я прихожу к выводу, что одновременное написание нескольких постов за один раз в тематические блоги может здорово сэкономить время. Не нужно лишний раз настраиваться на «нужную волну» (тему), искать информацию, вникать в суть происходящего и т.п. Думаю, эффективнее потратить пару часов для написания 2-3х статей за один раз, нежели 2-3 вечера сочинять их по отдельности.

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

P.S. Немного постового. Читаем про создание xml sitemap для wordpress блога.
Полезное - рисовая диета для похудения.
Хотите найти и купить автомобили с пробегом?
Работа: резюме в москве (можно также разместить вакансию).

Количество сообщений на страницах с тегами (label)

noreply@blogger.com (Tod) — Wed, 20 May 2009 09:30:00 +0000

Продолжаю тематику тэгов (меток, label) сегодня публикую еще один небольшой хак. Дело в том, что система Blogspot на странице с тэгами (категориями) отображает до 25-ти постов минимум, если, конечно, у вас наберется такое количество сообщений. Представьте сколько будет грузиться данная страница, если статьи публикуются полностью и содержат при этом очень много графических материалов. Все это не очень удобно и приятно для посетителей (особенно тех, у кого нет хорошего Интернета).

К счастью, эту ситуацию можно исправить. Если говорить о методе вкратце, то он заключается в одном простом действии – вы должны добавить к адресу страницы с тегом конструкцию ?max-results=n (n – число выводимых постов: от 1 до 100). Это весьма просто сделать для меню, которое вы создаете вручную через элемент HTML/Javascript (см. блок "главные разделы" справа) – добавляете нужный кусок кода в каждую ссылку.

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

После этого каждое вхождение строки

data:label.url

заменяете на

data:label.url + "?max-results=n"

Кстати, если вы используете еще и облако тегов для Blogger, то здесь в HTML коде нужно будет найти строку

a.href = '/search/label/'+encodeURIComponent(t);

и добавить в нее ту же конструкцию:

a.href = '/search/label/'+encodeURIComponent(t)+ "?max-results=n";

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

P.S. Укрась свой декстоп, скачай заставки на рабочий стол стол бесплатно!
А вы знаете место, где собираются и общаются блоггеры?
Проект 7ls.ru публикует ответы на жизненные вопросы.
Для жителей столицы - продажа квартир в москве.

Как создать RSS каналы для меток (тэгов, категорий) в Blogspot

noreply@blogger.com (Tod) — Mon, 18 May 2009 09:26:00 +0000

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

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

Итак, чтобы получить RSS фид одной метки необходимо ввести такой url:

http://имя_блога.blogspot.com/feeds/posts/default/-/labelname

В часть урла с именем блога должны подставить соответствующее, причем не забудьте добавить символ «-» (он там не просто так). Labelname – здесь название нужного тега, проще всего скопировать его из адресной строки браузера, после клика на самой метке в облаке тегов.

Например, вот RSS для одной из моих категорий:

http://blogohelp.blogspot.com/feeds/posts/default/-/Возможности%20системы

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

К этому методу есть небольшое замечание. Если ваш блог хостится на собственном сервере, то для RSS меток используется другая конструкция:

http://www2.blogger.com/feeds/blogid/posts/default/-/labelname

В этом случае вы должны узнать свой blog id. Для этого зайдите в панель управления и кликните кнопку для создания новой записи. В адресной строке браузера появится что-то вроде:

http://www.blogger.com/post-create.g?blogID=1234567980123456789

Отсюда и копируете значение blog id. За помощь спасибо автору данной статьи.

В принципе, опция для рунета не самая востребованная, поскольку у нас не так много подписчиков, чтобы читать лишь отдельные категории блога. Хотя иногда она может быть очень полезной. Ссылки на RSS категорий можно добавить в сайдбар блога вместе с перечнем основных из них - см. как это сделано у меня в блоке "Главные разделы".

P.S. Для игроков - читаем статью как расчитать вероятность в покере?
Сайт про системы видеонаблюдения - информация, установка.
Строительство частного дома - раздел сайта про колодец.
Продажа автомобилей на ad-auto.ru - бесплатные объявления.