Неэффективный гаджет Форма для связи

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

Кто-то обходился комментариями на статической странице с названием "обратная связь", но большинство использовало сторонние почтовые сервисы (вот один из способов).

На днях (16 мая) в ленте Google+ Blogger анонсировали новый гаджет. Называется он "Форма для связи". Вы можете найти этот гаджет во вкладке "Дополнительные гаджеты". Я только потом, как увидел этот гаджет, понял, почему и зачем его туда положили с глаз долой.

Дополнительные гаджеты в Blogger

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

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

Настройка гаджета Форма для связи

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

Гаджет форма для связи Blogger

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

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

И вот пример письма, которое придёт вам на почту:

Письмо из гаджета Форма для связи

Ярлыки:

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

Опубликовано:
Blogger, как все мы знаем, при всех его достоинствах довольно скуден на пользовательские виджеты. Те, что есть "из коробки", как правило, примитивны, либо вообще не в тему.
Для примера возьмём блоггеровские отзывы или социальные кнопки. Первые почти никак не настраиваются, и совсем непонятно, для чего они вообще нужны. Вторые (встроенные социальные кнопки) не адаптированы для Рунета.

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

1) Яндекс Поделиться

Кнопки Яндекс Поделиться

Эти кнопки тесно связаны с системой статистики Яндекс Метрика. Данные сразу поступают туда. На мой взгляд - это лучшие кнопки социальных сетей в Рунете.

2) Share42
Кнопки Share42

Очень приятный сервис с генератором кнопок. Много возможностей и приличный набор соц.сетей. После Яндекс Поделиться - лучший кандидат для блога. Тем более, что Share42 - единственный сервис, который даёт возможность скачать скрипт и картинки для того, чтобы разместить на своём хостинге и ни от кого не зависеть.

3) Pluso
Этот сервис за последние время вымахал до серьёзного проекта.Очень понятный мастер создания кнопок, всё по-русски. Но на мой взгляд иконки какие-то аляпистые.

Кнопки Pluso

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

4) AddThis - старейший медиапроект, охватывает 14 миллионов сайтов. Там есть и админ-интерфейс и различные веб-плагины. А также появились отдельные кнопки-счётчики для твиттера, фейсбука и т.д.

Кнопки AddThis

AddThis знает о всех мыслимых и немыслимых сетях, так что для Рунета эти кнопки подходят тоже. Для детальной настройки виджетов и соц.кнопок необходима авторизация.

5) Одна кнопка - пионер среди кнопок в Рунете. Этот сервис до сих пор живёт и даже апгрейднулся (появилась опция "виджет", которая позволяет прилеплять кнопки сбоку страницы).

Одна кнопка ру

Иконки у "одной кнопки" не отличаются изяществом. Сервис скорей для любителей ретро стиля.
Обновление от 8.07.2013: Осторожно, скрипт данного сервиса содержит вредоносный код!!!

6) ShareThis - очередной комбайн с кнопками социальных сетей. Помимо обычных кнопок ещё генерирует счётчики. Для наших условий сгодится, наши сети есть в их базе. Обычные кнопки ShareThis:

Кнопки ShareThis

И счётчики:
Счётчики ShareThis

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

7) Кнопки от Qip.ru
Тоже социальные кнопки со стажем, довольно старая разработка.

Кнопки от qip ru

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

Ярлыки:

Сайт на Блоггере или что нужно знать пользователю о безопасности контента

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

Пользование Блоггером накладывает на человека некоторую ответственность за свои действия, которые могут не соответствовать законодательству США или РФ, и поэтому как бы намекают подтекстом, что сайт могут удалить по одной из причин или в некоторых случаях и по ошибке спам-робота Гугла. Так или иначе, если сайта в какой-то момент не станет, то нужно проанализировать: после каких действий произошло удаление и написать на форум поддержки продуктов Blogger.

Не зависимо ни от чего, когда сайт развивается под управлением Blogger, чтобы обезопасить себя от неожиданных вещей, необходимо иметь:
  1. Свой домен
  2. Код шаблона (отдельно в блокноте на ПК)
  3. Файл статей и страниц в формате .xml, который экспортируется из блоггера в разделе Настройки->Другое, который, в свою очередь, нужно обновлять после создания каждой статьи
  4. Адреса ссылок на страницы и сообщения хранить отдельно, где-нибудь в блокноте или лучше всего сразу поместить адрес в тело страницы или сообщения. Допустим, адрес статьи такой: http://www.мойдоменчик.рф/2010/11/a-yz-idu-shagaya-po-trave.html. Этот адрес нужно поместить в тело страницы.
  5. Отдельная система комментариев на сайте (чтобы не потерять комментарии после удаления сайта, например, VK, FaceBook, HyperComments, Cackle, Disqus и т.п.)

Прокрутим ситуацию, если блог удалён - на техподдержке не отвечают или ещё какая-нибудь причина, возможно, и действительно были нарушены права, или сайт нужен сегодня, а ждать нет времени, тогда:
  1. Создали новый блог снова на блоггере.
  2. Прикрутили домен
  3. Скопировали шаблон
  4. Импортировали файл .xml со статьями и сообщениями, но сняли галку «Автоматически публиковать все импортированные сообщения», чтобы адреса не присваивались автоматически, типа http://www.мойдоменчик.рф/2010/11/blog_post3457.html.  Если каким-то невнимательным образом галку не сняли, то нужно будет вернуть сообщение в черновик и потом прописать пользовательскую постоянную ссылку.
  5. Используя имеющиеся адреса сообщений, прописываем в каждом сообщении пользовательскую постоянную ссылку.
  6. Адреса страниц присваиваются следующим образом. После импорта, в разделе «Страницы», заходим в нужную страницу и копируем html код, создаём новую, код вставляем, а название пишем английскими буквами. Убедившись, что страница с адресом на английском, название меняем на русское, а старую удаляем.

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

Выводы и заключения:
Подводя итог, важно подчеркнуть, что данный метод подойдёт для таких пользователей, чей сайт удалён безвозвратно или многочисленная бомбёжка сообщениями в техподдержку так и не увенчалась успехом.
Метод протестирован и работоспособность гарантируется. Конечно, могут быть и исключения, и индивидуальные глюки на Блоггере, но в целом, метод апробирован и полностью жизнеспособен.

p.s. Стоит отметить, что дабы ещё больше подстраховаться, важные файлы лучше дополнительно держать в облаке таких сервисов, типа SkyDrive от MS, Гугл\Яндекс Диски, Dropbox и прочих: шаблон в txt, сообщения со страницами в xml и файл с адресами на страницы и статьи.

Автор: +ИндивИдуалист

Ярлыки:

Эволюция Blogger

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

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

1999 год. Я таким Blogger никогда не видел, потому что он, как всемирный сервис, в то время ещё не состоялся:

Blogger 1999

2000-ый год. Оформление Blogger стало резиновым:

Blogger 2000

2001-ый год:
Blogger 2001

2002-ый год:
Blogger 2002

Вот так выглядели вспомогательные страницы Support и Unofficial FAQ:

Blogger Support 2002

Blogger FAQ 2012

 Занимательно то, что Pyra Labs предоставляла pro-аккаунты за 50$ (или со скидкой 35$) в год с дополнительными функциями:

Blogger pro


И (сейчас это покажется смешным) Blogger имел свой собственный магазин:


В 2003 году Blogger уже оказался под крылом у Google, но надпись в футере всё ещё Pyra Labs:

Blogger 2003

В 2004-ом продолжается эта серия до конца лета:

Blogger 2004

Свои характерные черты, которые сейчас уже кажутся аляповато-грубыми, Blogger начал приобретать с августа или сентября 2004-ого года:

Blogger 2004

И копирайт в футере уже указывал на Google.

2005-ый год:

Blogger 2005

Blogger quick tour:

Blogger quick tour

2006-ой год. Сентябрь. Рекламируется Adsense для Blogger:

Blogger 2006

А уже в декабре на странице появился поисковик по блогам. И самое главное событие - переход на другой Api и смена старых аккаунтов Blogger на новые Google-Blogger:

Blogger 2006 accounts switch

blogger new accounts

В 2007-ом году в мае уже можно было наблюдать укороченную версию стартовой страницы:

Blogger 2007

2008-ой год:

Blogger 2008

2009-ый год. Снова меняется стартовая страница, Blogger празднует десятилетие:

Blogger 2009

2010-ый год:

Blogger 2010

2011-ый год. Полностью изменён дизайн главной страницы. Июль. Все, кто любил старый админ-интерфейс, видели это окно до последнего (2012-го года) :

Blogger 2011
Уже появился Дизайнер и теперешние дефолтовые шаблоны.

В декабре немного изменили блок авторизации, начали массово тестировать "новый интерфейс":

Blogger 2011 new design

Современный вариант Blogger. New Google Style.
2012-ый год:


2013-ый год:

Blogger 2013

Ярлыки:

Обновление в Google+

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

Теперь лента стала более информативной, все элементы приобрели более приятную гамму и закруглились:

Лента в Google Plus

Боковой сайдбар превратился в выдвижное меню с новыми иконками:

Меню в Google Plus

Шапка стала ещё больше, но в свёрнутом состоянии меньше.

Стала другой сама форма "поделиться":

Поделиться через Google+

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

Изменения несколько затронули отображение профиля на всех гуглостраницах, а так же в комментариях Google Plus (в худшую сторону изменились кнопки +1). Кстати, комментарии в блоге пока не вводятся, зависают. Естественно, что обновился и чат Hangouts, правда я им не пользовался.

Полностью сменились идеология и дизайн страницы с настройками, теперь всё в одном месте. Даже стали доступны из Google+ одноимённые виджеты-плагины:

Google+ плагины вебсайтов

Как вы наверное уже заметили, Google+ превращается в огромный медиа-комбайн и общую супер-учётку для всех сервисов этого мирового гиганта.

Ярлыки:

Шаблон BloggerBuzz

Опубликовано:
Шаблон, используемый на этом сайте, довольно точно повторяет общий стиль некоторых гуглосайтов, таких как BloggerBuzz или GoogleAnalytics:

Официальный блог BloggerBuzz

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

Наш шаблон, так же как и любой ему подобный blogger'овский шаблон, полностью основан на виджетах и разделён для удобства на несколько зон:

Макет шаблона Blogger
Макет нашего шаблона

Каждая зона выделяется своими независимыми стилями.

Гаджеты Архивы и Ярлыки обрабатываются обычным скриптовым экспандером. Это очень удобно, поскольку скрывает длинный столб дат из архива. Видимо, такая участь в будущем ждёт все подобные blogger'овские виджеты.

Все права на оформление шаблона и его кодовую часть принадлежат компании Google. Права на независимые части кода принадлежат их разработчикам.

Автор: +Aldous Snow 

Ярлыки:

Поиск по текстам и картинкам

Опубликовано:
Обновление в результатах поиска.
Помимо сортировок результатов по релевантности и дате, а также области поиска c иностранными и русскоязычными сайтами (см. Список сайтов, участвующих в BloggerПоиск), в выдаче теперь можно увидеть две вкладки:
  • Интернет
  • Картинка
Вкладка Интернет (по умолчанию) означает, что выдача в поиске будет осуществлена, исходя из текстов статей.
Вкладка Картинка - это поиск по изображениям в статьях наших сайтов-участников.

Пример поиска по текстам:

Поиск по текстам сайтов скриншот

Пример поиска по изображениям:

Поиск по изображениям в статьях скриншот

Ярлыки:

Генератор CSS префиксов Moz и Webkit

Online-генератор позволяет автоматически создавать префиксы --moz и --webkit для следующих элементов css: box shadow, border radius, columns, border image, transform, gradient и т.д.

Правила CSS

+Webkit & Moz

Разработчик Ivan Malopinsky

Почему комментарии Google+?

Опубликовано:
Совсем недавно Google анонсировал новую систему комментариев для блогов на основе своей грандиозной социальной сети Google+. Официально пока комментарии работают только на платформе Blogger, "из коробки". Хотя уже есть несколько уловок и демонстраций работы комментариев Google+ на сторонних CMS.

Какие плюсы у системы комментирования посредством Google?

  • Комментарии под охраной Google; то есть можно верить, что никуда не денутся и восстановятся в случае глюков
  • Защищены от спама; Google лучше борется со спамом, чем другие
  • Имеют привлекательный внешний вид
  • В силу своей принадлежности к мировому поисковику должны постоянно развиваться
  • Исключают случайных анонимусов и всяких троллей
  • Относительно быстро загружаются (в отличии от того же Дискуса)
  • Легко устанавливаются

Минусы системы комментирования через Google+

  1. Отсутствие фида комментариев; видимо это временная ситуация
  2. Нет выгрузки в файл
  3. Нет централизованного админ-интерфейса
  4. Нет возможности сохранить привязку к постам в случае смены платформы; тоже временная ситуация
  5. Практически нельзя управлять внешним видом; возможно изменение темы оформления и ширины общего блока
  6. Индексируются только поисковой системой Google
  7. Затруднена модерация (см. пункт 3)

Для того, чтобы комментарии Google+ работали в Blogger, необходимо:
  • Иметь современный профиль Google+ вместо устаревшего Blogger
  • Иметь шаблон с полностью работающими иерархическими комментариями
  • Активировать эти комментарии во вкладке Google+ в панели администратора Blogger

О комментариях Google+ в справке Blogger.

Ярлыки:

Генератор кнопок CSS
























Этот online-генератор красивых кнопок позволяет создать, оформить и настроить кнопку любой формы и получить css-код для неё.

Пример html-кода для кнопки:

<a href="http://адрес_ссылки" rel="nofollow" class="button">Содержимое ссылки</a>

Конвертер имён национальных доменов

Данный online-конвертер позволяет преобразовать названия кириллических (региональных РФ)доменов в пуникод (pynicode).
Данная операция необходима для корректного отображения названий доменов и ссылок в браузерах и используемых веб-сервисах.

Unicode:



Punycode:



Пример.

На выходе из конвертера получится результат такого вида:
xn----9sbb4agddmh2bkjc8hn.xn--p1ai.
Конвертер работает в оба направления.

Html цвета для вашего блога

Опубликовано:
Данный online-генератор позволяет получить html-код любого цвета для сайта или блога.
Настройка производится при помощи основного круга колеровщика и дополнительных rgb-ползунков для более точной настройки.
Полученный код используется в оформлении элементов блога:

#000000


Пример.
Изменить цвет ссылки в шаблоне (css):

.a {color: #AD000D}

Blogger - требования к контенту

Опубликовано:
Blogger - одна из самых популярных бесплатных и быстроразвивающихся блогоплатформ.
Популярность Blogger во многом преопределена тем, что это проект интернет-гиганта Google.

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

Дополнительные ограничения

Но это еще не все. Сотрудниками Google и Blogger составлены дополнительные "12 заповедей", которые по сути являются списком дополнительных запретов на содержание контента, которое не может распространняется на блогах Blogger:

1) Партнерский маркетинг (пожалуйста, не путайте это с "партнерской сетью").

2) Перенаправление трафика на другой веб-ресурс (включая атоматические редиректы).

3) Блог adult-тематики, созданный только для заработка.

4) Сгенерированный контент. Автоматически наполняемые блоги (сплоги).

5) Содержимое блога или ссылки вида GPT ("Get Paid To"), MLM ("Multi-Level Marketing»), MMF ("Make Money Fast"), MMH ("Делать деньги из дома"), PTC ("Оплата за клики"), или PTS ("Pay To Surf").

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

7) Содержимое блога из фрагментов других веб-сайтов.

8) Нарушение авторского права.

9) Большой объём бесполезной, не связанной информации (сгенерированный массив ключевых фраз).

10) Ссылки на незаконное скачивание (например, торренты и т.п.).

11) Ссылки и контент, связанные со взломом аккаунтов и подбором паролей.

12) Монетизация контента "сугубо для взрослых" и его спаминг. Этот способ также известен, как порно-спам.

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

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

Наполняйте свои блоги уникальным, интересным и качественным контентом.

BloggerПоиск (Блогопоиск).

Ярлыки:

Список сайтов, участвующих в BloggerПоиск

Опубликовано:
На данный момент в поиске участвуют следующие ресурсы...


Ознакомиться:
Требования к сайтам, участвующим в поиске

Заявку на участие можно оставить, связавшись с администраторами сайта.

Ярлыки:

Как работает поиск

Опубликовано:

Поиск информации

Поиск, представленный на данном сайте, узко тематический.

Здесь вы найдёте массу советов по настройке скриптов, гаджетов-виджетов, вёрстке шаблона и т.д. Поиск осуществляется на популярных блогах, которые пишут о платформе Blogger (Blogspot).

Просто введите вопрос, нажмите на волшебную синюю кнопочку и посмотрите на результат:


Справа над выдаче результатов вы можете заметить кнопку сортировки:
  • по релевантности (популярности в Google)
  • по дате создания

Сортировка позволяет определить ценный и актуальный материал.

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


Поиск по тегам

Обновление.
На Блогопоиске появился новый экспериментальный вид поиска:
search button
- поиск по "меткам" (тегам) в мультиязычной базе сайтов и блогов; в результатах выдаются только ссылки (рекомендуется формировать запрос на английском языке).

Поиск шаблонов

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

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

Основные параметры запроса:
  • цвет (любой цвет или оттенок на англ. языке)
  • количество колонок
  • дополнительные функции (например, слайдер)
  • дата (например, 2013)

Пример: Dark template 2 columns // Тёмный шаблон 2 колонки

Поиск шаблонов для Blogger
Справа над выдаче результатов вы можете заметить кнопку сортировки:
  • по релевантности (популярности в Google)
  • по дате создания

Сортировка позволяет определить ценный и актуальный материал.

Если вы не сильны в английском, воспользуйтесь Google Переводчиком.

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

Ярлыки: