Gadgets For Blogger - архив гаджетов для Blogspot блога

среда, 26 мая 2010 г.
В последнее время команда Blogger и активная часть сообщества все плотнее работают над созданием новых гаджетов и совершенствованию существующих. Не то чтобы раньше всего этого не было, но за последние полгода-года было сделано несколько шагов, стимулирующих разработчиков, например, запуск Google Friends Connect и пр. Как результат, после того как Blogger "кинул клич", стали появляться новые сайты-библиотеке гаджетов. Одним из таких является Gadgets For Blogger.


Сайт содержит большое количество интересных, где-то даже редких (таких, например, тот что по вашему IP показывает местоположение по карте Google Maps) гаджетов. Gadgets For Blogger не очень часто обновляется, но если что-то новое добавляется, то это интересно.
Все гаджеты хорошо каталогизированы. Каждый из представленных гаджетов имеет название, описание, скриншот (в действии), был протестирован, по возможности имеет контакты с разработчиком, ссылку на быструю установку (без необходимости заходить в админку Blogger), инструкцию по установке и настройке (если требуется).

В категории «Featured» отобранные наиболее "сильные" гаджеты, отличающиеся качеством, хорошим внешнем видом и грамотным кодом. Это своеобразное «избранное».
Если вы являетесь разработчиком или просто программистом-любителем, у вас есть возможность добавить в каталог свой гаджет (и тем самым себя увековечить:), для этого на Gadgets For Blogger предусмотрена специальная форма.

Если говорить о каких-то конкретных вещах которые мне понравились, то я бы отметил следущие гаджеты:

GetAnswer



Очень интересный гаджет позволяющий организовать что-то вроде FAQ на блоге. Считаю вещь полезная, особенно на нишевых сайтов. Делает читателя и автора еще ближе.

Flickr Photostream



Если ваш блог предполагает огромное количество картинок или вы хотите делиться своей галерей Flickr, Flickr Photostream - очень полезный для вас гаджет, потому что стандартными средствами Blogspot такие вещи организовать не получится (ну или очень сложно).

Feeds in Tabs



Гаджет Feeds in Tabs выглядит неказисто (но внешний вид можно настроить), в тоже время дает возможность организовать по разным вкладкам RSS-трансляции, что бывает очень полезно.

В целом проект Gadgets For Blogger можно считать вполне достойным. Чувствуется что модераторы не берут слепо все существующие гаджеты, а придерживаются определенного стандарта качества, поэтому особых проблем с ними быть не должно. Вам в любом случае стоит ознакомиться с каталогом, наверняка что-то интересное для себя найдете!
Update (5.12.2010): К сожалению, проект Gadgets For Blogger, судя по всему, уже не работает.

P.S. Читаем новый интересный блог о продвижение сайта в интернете.
Компания предлагает архивные услуги - хранение и переплет документов, архивные работы.
Качественные автомагнитолы 2 din - Alpine, Challenge, JVC - широкий выбор.
Понравился пост? Подпишись на обновления блога по BlogoHelp RSSRSS, BlogoHelp по EmailEmail или twitter!
Как вам пост?   

Улучшенный предварительный просмотр публикаций в черновиках Blogger

воскресенье, 23 мая 2010 г.
Многие блоггеры перед публикацией своих постов несколько раз просматривают превью того, как статья будет смотреться в блоге. И только после полного удовлетворения всеми мелочами оформления, проверки всех ссылок и картинок, можно с легкой душой нажимать заветную кнопку «Опубликовать сообщение». На дня в черновика Blogger Draft появилась совершенно новая улучшенная версия механизма предварительного просмотра для постов блога, которая позволяет посмотреть как именно статья будет выглядеть в блоге.

Сейчас в основной версии Blogger для просмотра превью будущей публикации нужно нажать на кнопку «Предварительный просмотр».



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



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



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

P.S. Постовой. Читаем статью о том как создать свой сайт в персональном блоге kirik`а.
Для будущей невесты понадобятся свадебные платья - прокат свадебных платьев в Киеве.
Хороший ноутбук для работы Acer Aspire 7540G-304G50Mn (LX.PPQ02.047) с двуядерном процессором и Windows 7.

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

Хак для добавления Adsense и любого JavaScript в HTML шаблон Blogger

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

В общем, после того, как я первый раз решил добавить блоки контекстной рекламы в блог на Blogspot, то пытался сделать это стандартным способом, когда вы получаете код Google Adsense в этой системе, после чего добавляете в код шаблона своего блога на wordpress, joomla, typo3 и любой другой cms. Точно также я решил поступить и с Blogspot, но при добавлении рекламного кода в тело HTML шаблона ничего у меня не получилось, система выдавала ошибку и не хотела работать. Вы также могли видеть, например, сообщения
Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly. XML error message: The processing instruction target matching “[xX][mM][lL]” is not allowed.
... или:
Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly. XML error message: The reference to entity “zs” must end with the ‘;’ delimiter.
... и другие ошибки в коде.

То есть, если бы вы добавили код Google Adsense, например, в сайдбар блога, используя при этом специальный виджет HTML/JavaScript, то все прошло бы успешно, но вот с вставкой непосредственно в тело шаблона возникли сложности. А ведь это самый простой способ сделать расположение блоков контекстной рекламы достаточно оригинальными, расположив где-то после заголовка поста. Поэтому пришлось искать дополнительный хак Google Adsense для этой цели.

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

Данная проблема с вставкой JavaScript в HTML шаблон Blogger может быть решена путем замены специальных символов в скрипте на HTML код.
< – &lt;
> – &gt;
Заменив эти два символа, у вас получится заставить работать код Google AdSense в коде шаблона Blogspot. Для некоторых других скриптов можно попробовать заменить еще такие символы:
& = &amp;
” = &quot;
Для замены кода вы можете использовать любой текстовый редактор. Добавляете туда текст скрипта от Google или любого другого, после чего выполняете замену всех нужных символов. Можно, кстати, еще для этих целей использовать Macromedia Dreamviwer, который делает такое преобразование по умолчанию.

преобразование кода в HTML

Нужно только убрать добавленные им br и, если будет желание, отменить другие преобразования кроме как для символов < и >, а то Dreamviwer и русский текст в комментарии Google Adsense тоже изменил.

После получения «замененного кода», добавляете его в HTML шаблон Blogger (не забудьте поставить галочку расширить шаблоны виджета). Сохраняем шаблон и проверяем работоспособность добавленного срипта. В случае с Google Adsense придется немного подождать, пока реклама начнет появляться, но не более 5-10минут. Если скрипт не работает проверьте его код и внимательно выполните замену символов еще раз.

P.S. Постовой. Автомагнитолы, автоакустика, сабвуферы и не только! Скидки, акции, бесплатная доставка.
Покупаем ноутбуки Lenovo в лучшем интернет-магазине ноутбуков и нетбуков.
Вакансии и работа во Львове для вас, поиск сотрудников и работы.
Понравился пост? Подпишись на обновления блога по BlogoHelp RSSRSS, BlogoHelp по EmailEmail или twitter!
Как вам пост?   

Добавляйте фото со всего мира с помощью Panoramio виджета

пятница, 14 мая 2010 г.
Есть у гугла очень интересный и оригинальный сервис под названием Panoramio, который позволяет не только загружать и добавлять свои фотографии путешествий, но и привязывать их к определенному месту на карте (Google Maps). Это все создает совершенно новый опыт ведения персонального олнайн фото альбома, который бы наглядно демонстрировал всю географий ваших поездок по всему миру.

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



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

Если же вы хотите добавить виджет Panoramio непосредственно в текст блога, то в таком случае нужно при написании статьи переключиться в режим HTML для текстового редактора. Например, можно попробовать вставить вот такой код:
<iframe src="http://www.panoramio.com/wapi/template/slideshow.html?tag=sanfrancisco&width=450&height=400&delay=6.5" frameborder="0" width="450" height="400" scrolling="no" marginwidth="0" marginheight="0"> </iframe>
Он использовался для создания галерее чуть выше. Но вы можете создать совершенно разные варианты размещения, комплектации фотогалереи Panoramio с помощью специальных настроек виджета. Подробнее про них можно почитать здесь - там будет и описание переменный и реальные примеры готового кода. Та что, если вы ведете блог о туризме или часто публикуете фото своих путешествий, то советую приглянуться к Panoramio получше – ведь это не только возможность поделиться фотками, но и привязка их к картам от Google Maps.

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

Новые красивые шаблоны для Blogger

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

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



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

Над списком всех шаблонов есть 3 ссылки для отображения только 1,2 или 3-х колоночных дизайнов. Похоже, это единственный критерий отбора. Если говорить о шаблонах в целом, то большинство из них простые, без лишних деталей, но вместе с тем симпатичные. Их можно будет подправить под свои нужды. Хотя, новый инструмент для дизайна шаблонов Blogger под названием template designer значительно усилил конкуренцию с проектами по типу Deluxe Templates. Ведь теперь возможности системы Blogger по редактированию и изменению внешнего вида шаблона блога значительно возросли.

Напоследок 3 шаблона от Deluxe Templates, которые привлекли мое внимание больше остальных.

Brochure Melbourne

шаблон для blogger

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

Flowers and Butterflies


шаблон blogger

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

Fancy

стильный шаблон для blogger

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

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

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

Форма обратной связи для Blogspot блога

среда, 5 мая 2010 г.
Возможно вы когда-нибудь видели на других сайтах такую вещь, как контактная форма. Что это такое, зачем нужно, а главное - как реализовать это на Blogger? Оказывается, очень просто, но, давайте обо всем в порядке очереди.

Контактная форма - это продвинутый способ организации "обратной связи". Контактная форма имеет ряд преимуществ:

а) Вам не нужно будет "светить" свой E-mail
Это важно если вы боитесь спаммеров или по каким-то причинам не хотите показывать свой "ящик" читателям;

б) Удобно для читателя
Что обычно делает читатель когда хочет написать вам письмо? Правильно - находит контактную информацию на вашем сайте, после чего идет к себе на почту чтобы подготовить сообщение. Если на вашем сайте имеется контактная форма, задача читателя упрощается - ему нужно нажать на кнопку или ссылку, заполнить 1-2 обязательно поле и кликнуть "оправить";

в) Это практично
Контактная форма - практичнее чем писать свой e-mail в разделе "о себе" или делать jpeg-картинку которая спасет от спаммеров, но усложнит жизнь читателю (никакого копи-паста). Практичнее разместить форму или ссылку на форму.

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

Kontaсtr

Kontaсtr - один из наиболее известных сервисов. Наверное, потому что является одним из первых (из массовых) или по каким-то причинам еще:

Kontaсtr

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

Предположим вы решили расположить на сайте кнопку "Contact Me". После нажатия на нее, читатель получит вот такую контактную форму:

форма обратной связи

Как видите вашего адреса не видно, к тому же есть еще капча на всякий случай. Если вам на каким-то причинам не по душе Kontactr, как альтернативу можно попробовать еще один сервис.

Единственным недостатком формы Kontactr является необходимость использовать только латинские буквы в некоторых полях формы (например Your Name), что не всегда удобно для отправителя. Будем надеяться, что в скором времени разработчики позаботятся о локализации сервиса.

123 contact form

123 contact form
123 contact form - еще один отличный вариант. Он так же бесплатный и достаточно гибкий. Быстро оценить сервис вам поможет данное видео:



Каком из вариантов вы бы не выбрали, думаю в любом случае оцените несомненную пользу и удобство контактной формы. Удачной модернизации!

P.S. Постовой. Kirik отвечает на вопросы относительно поисковой оптимизации - читаем в блоге.
Полезный сайт тем, кто работает на рынке форекс – читаем про forex от Ikon FX.
Вашему питомцу поможет "Биоконтроль" - ветеринарная клиника с полным спектром услуг.

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