Подкастинг и размещение аудио на платформе Blogger

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

Странно, конечно, но вы, наверное, обращали внимание что среди блоггеров которые используют платформу Blogger не так много подкастеров. А ведь возможностями для этого рода деятельности Blogspot располагает. Давайте посмотрим что это за возможности и как ими воспользоваться. Если кого-то отсутствие технических знаний пока что останавливает, то мы постараемся восполнить этот пробел.
Подкастинг на Blogger
Blogger можно считать годной для подкастинга платформой уже только потому что она «на ты» с RSS. Что позволяет отображать подкасты непосредственно на блоге, так и отдавать их в RSS-ленту. Единственная проблема Blogspotотсутствие собственного хостинга, а значит проблему размещения аудио-файлов вам придется решать самостоятельно.
Итак, подкастинг на Blogger начинается с поиска хостинга под аудио. Если вы не являетесь обладателем платного хостинга и не хотите его приобретать, можно поискать бесплатный. Для начала сойдет что-то вроде Box.net, где на бесплатном тарифе вам предлагают 1Гб дискового пространства. Если по каким-то причинам этот хостинг не подходит, можно найти другой, это не так сложно. После того как вы закачаете на хостинг ваши файлы, можно переходить в «админку» Blogger.
Первым делом необходимо произвести кое-какие настройки. Для этого заходим в «Настройки» - «Форматирование» и активируем опцию «Показать поля ссылки»:
подкастинг в Blogger

Теперь кода вы готовите к публикации пост, в вашем распоряжение поле в которое вы можете добавить ссылку на вложение:

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

Иногда возникает необходимость добавить в блог не подкаст, а тот или иной музыкальный файл или виджет музыкального сервиса. Со вторым сценарием проблем обычно не возникает, потому что добавить HTML/JavaScript виджет на сайдбар сможет даже ребенок, главное чтобы было что в него поместить. Популярный музыкальный сервис last.fm, например, обладает внушительным количеством всевозможных виждетов. В результате вы может, разместить соответствующий виджет и поделиться тем самым с читателем своими музыкальными пристрастиями, отобразить общий «топ» или что-то еще. То есть, вопрос размещения такого виджета всецело зависит от того имеется ли он у тот или иного сервиса или нет.
Немного иначе обстоит дело если вы захотите вставить аудио непосредственно в тело поста. Принципиально все похоже на подкаст, нам нужны примерно те же самые вещи — размещенный на хостинге аудио-файл и код плеера. С хостингом мы уже разобрались, в качестве плеера можно попробовать Yahoo! Media Player. Пользоваться плеером очень просто, инструкция пользователя (которая не требует знания английского языка) находится на официальном сайте. Если говорить вкратце, то вам нужно:

1. Разместить ссылки на загруженные на какой-то хостинг аудио файлы по типу:
<a href="example1.mp3">My first song</a> <a href="example2.mp3">My second song</a>
2. Добавляете код плеера в страницу блога (тут скорее всего имеется ввиду шаблон, так как в текст javascript добавить не получится. Можно разместить код где-то рядом с вызовом других скриптов.
<script type="text/javascript" src="http://mediaplayer.yahoo.com/js"></script>
После этого рядом с аудио файлами должны появиться значки проигрывателя и при клике на них будет отображен встроенный плеер.

Приятного прослушивания вам и вашим читателям. Только не забывайте про авторские права!

P.S. Постовой. Новости из жизни города на информационном сайте АЙК Обнинск - достопримечательности, музеи, информация о городе.
Позаботься о своей красоте! Только лучшие спа отели! Добро пожаловать в гостиницу «Ореанда».
Понравился пост? Подпишись на обновления блога по BlogoHelp RSSRSS, BlogoHelp по EmailEmail или twitter!
Как вам пост?   

Использовать сервис Zemanta в Blogger стало намного проще

вторник, 27 июля 2010 г.
Если у вас есть новостной или тематический блог, где вы размещаете различные интересные новости или полезные статьи, то советую обратить внимание на сервис Zemanta. На страницах BlogoHelp`а я уже писал об этом проекте около года назад, но с тех пор произошли некоторые изменения. Теперь Zemanta ближе к Blogger как никогда ранее, использовать сервис стало еще проще. Ранее все пользователи проекта для упрощения работы с блогом могли использовать плагин для одного из браузеров – Firefox, Internet Explorer и т.п. На странице рядом с графическим редактором появлялся блок, где вы могли:
  • Добавить в пост связные ссылки на похожие новости или статьи по теме.
  • Добавить ссылки в текст статьи, которые бы дополняли ее информативность – например, линк на разъяснение определенного термина в Википедии.
  • Просматривать и вставлять в пост изображения из предложенных системой Zemanta.
Все это можно было делать очень легко с помощью одного клика, таким образом посты блога становились более информативные и цельные. Причем не нужно тратить время на поиск дополнительной информации (для большего понимания процесса, смотрите видео ниже).
Теперь же разработчики Blogger рады сообщить вам, что они совместили свои наработки с авторами проекта Zemanta и решили еще больше упростить процесс использования сервиса. Вам нужно будет выполнить три простых шага.
1. Кликнуть по этой ссылке – Добавить виджет Zemanta, после чего вы попадете на страницу установки Zemanta на ваш Blogspot блог:

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


2. Выбрать из выпадающего списка один из своих блогов, куда вы хотите добавить возможность работы с сервисом и нажать на кнопку «Add Zemanta». В результате этих действий соответствующий виджет будет добавлен в текстовый редактор Blogger, после чего откроется пустая форма для публикации новой статьи.
3. Собственно теперь вы можете лично убедиться в том, что виджет Zemanta установлен и корректно работает при написании поста.

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

P.S. Постовой. Много полезных статей про то как  заработать деньги в сети вы найдете в блоге начинающего SEOшника.
С помощью интернет магазина техники Novatek вы можете купить фотоаппараты разных типов и производителей в Минске.
В интернет магазине ноутбуков BestNote ноутбуки продажа и бесплатная доставка по Минску и РБ.
Понравился пост? Подпишись на обновления блога по BlogoHelp RSSRSS, BlogoHelp по EmailEmail или twitter!
Как вам пост?   

Мелочи отпуска

С течением времени популярность отдыха в Греции набирает обороты. Туры в Грецию обладают огромным выбором и большим разнообразием. Разные программы, разные места, разные путевки. В последнее время очень популярным стал отдых на греческих курортах Крит, Родос и Корфу.
Часто, приехав один раз на любой из этих островов, туристы стремятся вернуться туда снова. С тех пор, как безопасность путешествий перешла на новый уровень, и стало не страшно ездить в другую страну без обязательной страховки, некоторые предпочитают оставить посредничество турфирмы в стороне и организовать свое путешествие самостоятельно.
Понравился пост? Подпишись на обновления блога по BlogoHelp RSSRSS, BlogoHelp по EmailEmail или twitter!
Как вам пост?   

Социальные иконки для блога в Blogger

суббота, 24 июля 2010 г.
Сотрудничество и обмен читательскими аудиториями для блоггеров – обычное дело, можно даже сказать отличительная и обязательная особенность. В это понятие можно включить различные элементы блога, одним из которых являются социальные иконки. В прошлый раз мы рассматривала установку кнопки Facebook для Blogger, но через сторонний сервис. А ведь в системе Blogspot есть свои встроенные возможности для этих целей. Точнее будет сказать – они недавно появились в настройках вашего блога. С помощью специальных социальных кнопок читатели вашего проекта смогут поделиться найденной полезной информацией с другими пользователями. Это, в свою очередь, должно принести блогу дополнительный целевой трафик.

Ранее в панель управления (navbar) системы Blogger были добавлены ссылки для добавления записей блога в социальные сервисы. Теперь же социальные иконки (кнопки) доступны под текстом каждой статьи сайта с приятным эффектом при наведении на них. Кроме того, для твиттера была интегрирована системе укорачивания ссылок goo.gl.

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



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

Возвращаясь к социальным иконкам, следует заметить, что кроме твиттера там есть возможность поделиться найденной статьей по email, через Blogger и некоторые популярные социальные сети. Пока что это лишь Google Buzz, Twitter и Facebook, дальше разработчики обещают расширить список.

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



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

Поэтому пришлось раскопать в нем код, который, собственно, социальные кнопки в блог с нестандартным шаблоном и добавляет:
<div class='post-share-buttons'>
<b:include data='post' name='shareButtons'/>
</div>
Размещаем его в нужном месте шаблона и радуемся новым социальным функциями (в админке включать, как я понимаю, опцию все равно нужно, а потому же добавлять код). Единственное жалко, что нельзя выбрать кнопки побольше, уж больно у них маленький размер для дизайна блога.

P.S. Постовой. Вы можете почитать про декларацию НДФЛ и стандартный налоговый вычет в проекте независимых налоговых консультантов.
Купить недорого стальные двери и Бронедвери в Киеве можно на нашем специализированном сайте.
Понравился пост? Подпишись на обновления блога по BlogoHelp RSSRSS, BlogoHelp по EmailEmail или twitter!
Как вам пост?   

Установка кнопки добавления в Facebook для Blogger

понедельник, 19 июля 2010 г.
Сейчас с социальных сетей можно получить очень неплохой трафик, но для этого нужно только дать читателям возможность делиться постом или голосовать за него. Реализуется это путем установки соответствующих кнопочек (кнопочки) в блоге. И если раньше популярными были проекты в стиле новостных социальных сетей по типу Digg, то сейчас в «ход идут» крупные классические социальные сети (Facebook, вКонтакте) и твиттер. Видимо, Digg слишком рано пришел в рунет и мы оказались к нему просто не готовы, потому что в блогах можно было встретить лишь отечественные сервисы (клоны) с намного меньшей популярностью и локальными перспективами. Но в наше время расстановка сил и «просвященность» публики несколько изменилась в лучшую сторону. Так, первым популярность в блогах обрел твиттер. Про соответствующий сервис для него я уже однажды рассказывал - читаем статью про TweetMeme для твиттера. Сегодня предлагаю поговорить о социальной сети №1 – Facebook и узнать как установить в блог кнопки для нее.

Существует несколько видов кнопочек Facebook — «Share» и «Like». Первая - «расшарить», то есть добавить в ленту своего профиля. Второе — «проголосовать», отметить пост как понравившийся. В данный момент я считаю большую практическую пользу имеет кнопка «Share», ее я и предлагаю установить.
кнопка Facebook
Итак, для установки кнопки Facebook выполняем следующие действия:
1. Открывайте в админке «Дизайн» - «Изменить HTML».
2. Ставьте галочку «Расширить шаблон виджета».
3. Находите фрагмент кода: <data:post.body/>
4. Вставляйте код кнопки:
<!-- Facebook Button -->
<div style='float: right; padding: 5px; '>
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='TYPE OF BUTTON'/>
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/>
</div>
<!-- Facebook Button -->
Теперь поработаем немного над расположения кнопки. Если вы хотите чтобы кнопка была после заголовка до контента, вставляйте перед <data:post.body/>, если хотите чтобы кнопка была после поста, вставляйте после указанного фрагмента. Кроме того, в указанном мною коде присутствует стиль, выравнивающий кнопку «вправо». Если вам нужна кнопка слева, меняйте float на left.

Внимание! Мы еще не определили стиль кнопки. Для того чтобы это сделать, нам нужно заменить 'TYPE OF BUTTON' на тот стиль который необходим:
кнопка Facebook
  • 'button' - простая кнопка
  • 'button_count' - компактная кнопка-счетчик
  • 'box_count' - большая кнопка-счетчик
  • 'icon' - кнопка-иконка
Дальнейшая кастомизация зависит от дизайна вашего блога, задач и потребностей. По стилям кнопки следует заметить, что изначально все счетчики отображаются в виде обычной простой кнопки и лишь при клике будут показывать количество "расшаренных" ссылок в фэйсбуке.

А вы используете у себя в блоге кнопки добавления в Facebook или вконтакте?

P.S. Постовой. Новая технология ExtendMagic и услуга наращивание волос цены Одесса от частного мастера на дому.
Если вы хотите купить для дома мебель под заказ Одесса, то советуем обратиться в студию мебельного дизайна AMIDI.
Продажа защит и установка защита картера (моторного отсека) в Одессе для автомобилей любой марки.
Понравился пост? Подпишись на обновления блога по BlogoHelp RSSRSS, BlogoHelp по EmailEmail или twitter!
Как вам пост?   

Быстрый, удобный и безопасный браузер Google Chrome

пятница, 16 июля 2010 г.
Благодаря созданию веб-браузера Google Chrome 20.0.1096.1 Dev сразу же отпало множество проблем, связанных с качеством и удобством работы в Интернете.
Поддержка открытого исходного кода, новейших прогрессивных приложений, высокая скорость и безопасность работы, приятный для зрения дизайн, стабильность и удобная поисковая система, сделали Google Chrome незаменимым веб-браузером.
Понравился пост? Подпишись на обновления блога по BlogoHelp RSSRSS, BlogoHelp по EmailEmail или twitter!
Как вам пост?   

Встроенная статистика блога в системе Blogger

вторник, 13 июля 2010 г.
Для большинства блоггеров статистика посещаемости проекта играет важную роль – в каких-то сайтах она более значимая, где-то просто используется для общего представления ситуации. В любом случае, думаю, каждому автору будет интересно кто его читает, сколько человек, откуда они пришли и т.п. Данный вопрос, в принципе, уже неоднократно поднимался на страницах BlogoHelp`а, так, например, некоторое время назад в статье статистика блога на Blogspot мы рассказывали о сервисах статистики для блога от Google Analytics и Li.ru. Теперь, по сути, для большинства пользователей они не нужны. Если вам просто интересны общие цифры посещаемости и кое-какие данные аудитории, то можете воспользоваться встроенной статистикой блога для Blogger, которая недавно появилась в черновиках Draft! Как сказали бы некоторые американцы - amazing!.. и были бы правы.

Не смотря на существования сторонних сервисов для оценки аудитории и посещаемости блогов (того же Google Analytics), разработчики утверждают, что многие пользователи просили все же сделать внутреннюю полностью интегрированную систему статистики для Blogger. А те, в свою очередь, взяли и сделали:) Теперь зайдя в черновики Blogger по адресу (draft.blogger.com) вы найдете в панели инструментов последнюю вкладку под названием «Статистика». Теперь ничего дополнительно для блога в Blogger настраивать не нужно, достаточно просто зайти в нужные раздел админки:



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



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

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

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

Руководство по дизайнеру шаблонов в Blogger для новичков

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

Итак, Дизайнер шаблонов - настоящая маленькая революция в мире blogspot. Благодаря ему постепенно уйдут в прошлое надоевшие всем стандартные шаблоны, а мы в свою очередь, уже получили куда больший контроль над макетом. Самое главное - теперь совсем не сложно сделать свой уникальный шаблон. Давайте пробежимся по основным функциям «дизайнера шаблонов» и пройдем весь процесс его настройки. Тем более что сделать это можно минут за 5! И если раньше wordpress шаблоны были для блоггеров более простыми в использовании за счет своей широкой популярности и разноплановости, то теперь Blogger сделал существенный шаг в этом направлении навстречу всем пользователям системы.

Шаблон

Все начинается с закладки «Шаблоны». Здесь вам предлагают на выбор 6 базовых дизайнов. На этом этапе не стоит обращать внимание на сюжет. Будущий дизайн может быть изменен до неузнаваемости. Цвет, фоновую картинку, шрифты — все это можно будет запросто поменять. Единственное на что стоит обращать внимание - общий стиль шаблона, форму элементов, нужны ли вам "блочные" элементы или требуется сплошной "холст" и т.д.

Каждая базовая тема содержит от 3-х до 6-и вариаций. Выбираем ту что нам нравится и идем дальше:

дизайнер шаблонов blogger

Фон

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

дизайнер шаблонов

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

Дизайн

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

дизайн блога blogspot

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

Ну и, наконец, «Измерение ширины». Вы можете варьировать «ползунками» как ширину всего блога, так и ширину боковой колонки:

дизайн блога blogger

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

Дополнительно

Под закладкой «Дополнительно» скрывается очень много всего, стили оформления:
  • текста страницы;
  • фона;
  • ссылок;
  • названия блога;
  • текста вкладок;
  • фона вкладок;
  • заголовков;
  • картинок;
  • колонтитула сообщений;
  • цветовые акценты.
дизайн блога blogspot

Можно добавить собственный фрагмент CSS.

После того как настроили все по своему вкусу нажмите «Применить к блогу» и посмотрите что у вас получилось. А получиться может очень многое! Если вы потратите хотя бы 10-15 минут времени и приложите немного фантазии, ваш шаблон обязательно получится единственным и неповторимым!

P.S. Постовой. Интересный и полезный блог "Психология отношений" grc-eka.ru для создания гармоничных и радостных отношений.
Блог Кирика — это неплохое собрание качественных статей, прочитайте все материалы этого блога, чтобы продвижение сайта не вызывало трудностей.
Сервис Temreg для оптимизаторов - регистрация в каталогах сайтов и статей, англоязычные и русские каталоги.
Понравился пост? Подпишись на обновления блога по BlogoHelp RSSRSS, BlogoHelp по EmailEmail или twitter!
Как вам пост?   
Related Posts with Thumbnails