Азбука блогера

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

2019-07-24T09:13:00.000-07:00

Внимание! Запись обновлена 24 июля 2019 года. Статья актуальная, постоянно обновляется в соответствии с изменениями адсенс.

Google Adsense внес новшество – теперь у некоторых издателей появляется уведомление в виде красной полосы статуса в аккаунте адсенс – “Вы рискуете потерять доходы – Один или несколько файлов ads.txt не содержат сведений об идентификаторе издателя AdSense. Исправьте эту ошибку, чтобы избежать потери дохода”.

Чтобы исправить эту ошибку достаточно разместить ads.txt с указанными данными (их вы возьмете из вашего аккаунта adsense) в корневом каталоге.
Проблема стала нерешаемой для сайтов, размещенных на поддоменах. Это сайты на Ucoz с доменами третьего уровня. Вебмастера просто технически не могут разместить файл в корневом каталоге. Я не слышала, чтобы проблема затронула блоги на Blogger, но если предупреждение будет разослано блогерам Blogspot, то они не смогут также загрузить файл, так как эта функция недоступна.
Что написано про файл ads.txt в справке Adsense вы можете подробно прочитать сами по ссылке >>>

Кратко я расскажу, что в ней написано:

Google Adsense решил контролировать процесс размещения рекламных объявлений, и предоставлять места авторизованным продавцам инвентаря (читать: мест под рекламные объявления). Таким образом, рекламодатель будет контролировать, чтобы продажа рекламных мест осуществлялась строго продавцом, чьи сайты будут иметь статус подтвержденных в аккаунте Google Adsense. Это имеет целью снизить случаи мошенничества со стороны вебмастеров.
При этом добавление ads.txt не является обязательным, но в случае получении вебмастером уведомления о “риске снижения доходов”, файл будет необходимо добавить в корневой каталог.

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

Создайте файл ads.txt и вставьте в него рекомендуемое содержание Adsense:
google.com, pub-0000000000000000, DIRECT, f08c47fec0942fa0
Обязательно замените pub-0000000000000000 на свой идентификатор издателя. Его вы найдете в аккаунте Адсенс по пути: Настройки –> Аккаунт –> Информация об аккаунте.
Второй вариант: всю строку, которая должна содержаться в файле ads.txt вы можете скопировать из информации, которая откроется при просмотре статуса:

Самый простой способ - просто загрузить готовый ads.txt с вашего аккаунта гугл адсенс. Перейдите из объявления о риске потерять доходы (ссылка "подробнее"), далее "загрузить"
Загрузите файл в корневой каталог.
Ждите вступления изменений в силу в течение 24 часов.

Что ждет вебмастера при игнорировании предупреждения

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

Добавить ads.txt на ucoz

Загрузить адс тхт в файловом менеджере в корень сайта.

Решение для Blogger

Для блога Blogspot обычно ничего делать не требуется, так как файл адс тхт настроен по умолчанию, но если в вашем аккаунте Google Adsense появилось сообщение об ошибке, то перейдите в админ панели Blogger по пути: Настройки -> Настройки поиска -> Коммерческое использование -> Персонализированный файл ads.txt -> Использовать персонализированный файл ads.txt? -> Да. В окошко вставьте код из файла ads.txt

Обновление от 25 ноября 2017 года. Прошло пять дней с момента публикации этой статьи, и примерно 8 дней с момента появления предупреждения в панели моего аккаунта Google Adsense, связанного с Ucoz-сайтом, имеющим домен третьего уровня */do.am.
К тому времени, я уже сняла всю рекламу адсенс с сайта на Ucoz и заменила ее на блоки advmaker.net. Доход, конечно же, стал значительно меньше, чем когда у меня висела реклама от Google. Перед сменой рекламы, я предусмотрительно сделала резервную копию шаблона, чтобы при случае быстро вернуть все назад.

Итак, зайдя в аккаунт Google Adsense 25 ноября, я не обнаружила красной строки с предупреждением о снижении дохода, вернула блоки гугла на сайт, и они стали отображаться!

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

Статистика посещений в Blogger сломана?

2019-06-25T08:45:00.002-07:00

Пользователи платформы Blogger (blogspot от Google) могли иногда замечать странности в статистике посещений сайта или блога, которую нам показывают. В частотности Гугл Анилитикс и Яндекс метрика могут показывать одни цифры (почти равные), а вот Блоггер внутри своего интерфейса будет показывать непонятно что.

Это не всегда реальные цифры

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

Крайне обидно бывает осознавать, что вся ваша статистика, которую вы видели - она на самом деле ложная и к реальности отношения не имеет.

Поэтому вопросов в стиле "Почему у моего сайта так мало трафика?" будет возникать после осознания этого факта еще больше.

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

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

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

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

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

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

Был заход на страницу? +1 просмотр засчитывается вот и всё.

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

Дело в том, что Метрика и Гугл Аналитикс тоже учитывают ваши посещения своего ресурса, проблема не в этом (плюс это можно в blogger и отключить).

Проблема разницы цифр именно в том, что блоггер показывает ботов.

К примеру сайт на картинке выше, где мы видим 2600 просмотров страниц в день, имеет порядка 1300 просмотров в других сервисах и около 600 посетителей (сайт автора этой статьи, блог econdude.pw). Мы видим что просмотры в блоггер могут быть даже на 100% выше, чем в других сервисах, то есть разница одной статистики с другой, реальной, в 2 раза и больше, хотя обычно люди сообщают о разнице около 50%.

Тут еще нужно учесть другие факторы.

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

Вот такие дела.

Используйте сервисы статистики от Гугл и Яндекс, а на обычную статистику Blogger можно вообще не обращать внимания, хотя там, иногда, бывают крайне интересные вещи, которые никто другой вам не покажет (это в других сервисах просто дольше искать). Так-же не забывайте что всё-таки блоггер была создана как платформа для новичков и для случайных людей, кто хочет вести свой блог и не особо разбирается в SEO например (при том, что блоггер в итоге имеет много полезных SEO инструментов и возможностей кастомизации). Поэтому вся статистика там создана таким образом, чтобы быстро отслеживать какие-то важные вещи для простого человека: популярные страницы, запросы и динамику трафика, пусть и немного не реалистичного.

9 проверенных стратегий для повышения продуктивности совещаний

2019-04-24T08:44:00.000-07:00

Инфографику предоставила Wrike - Управление Коммуникациями Проекта

Многим вашим подчиненным кажутся совещания ненужным времяпровождением, предназначенным для отдыха от основных обязанностей? Необходимой рутиной, промывкой мозгов? Тогда эта инфографика для вас. Совещания должны иметь какую-то определенную цель, а их итогом должно быть четко определенное направление развития. Это станет стимулом для активных действий в нужном направлении. Под действием синергии от взаимодействия всех сотрудников результат не замедлит себя ждать. Для компании мало того, чтобы люди добросовестно трудились, важно чтобы все знали свою задачу и шли в одном направлении, а не как в басне “Лебедь, рак да щука”.
Что нужно сделать, чтобы добиться продуктивного совещания? Подведу итог сведений, которые представлены в инфографике.

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

Смотрите также другую инфографику по управлению рабочими процессами:

Обзор сервиса Sendpulse. Преимущества, лучшие инструменты ведения рассылок

2019-04-11T20:50:00.000-07:00

Сервис SendPulse – это маркетинговый инструмент для создания подписной базы и перевода случайных посетителей вашего сайта в разряд постоянных. SendPulse объединяет на одной платформе важнейшие функции для привлечения и удержания клиентов:
● e-mail-рассылки,
● web-push,
● SMS рассылки,
● SMTP,
● рассылки в Viber,
● отправка сообщений в facebook messenger.

Рассылки email

Вы можете воспользоваться различными тарифами для ведения e-mail-рассылки, в том числе и бесплатным. Бесплатный тариф имеет ограничения: подписная база не более 2500.
Первое, с чего нужно начать, при работе с сервисом e-mail рассыл ок, – это создать свою адресную книгу. Задайте заголовок и загрузите список e-mail адресов.

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

При создании форм подписки обязательно использование e-mail с корпоративным доменом. Читайте, как подключить почту для домена.
Шаблоны сообщений помогут красиво оформить ваши письма подписчикам. Собственный шаблон писем вы можете создать в специальном конструкторе.

Авторассылки. Контент-менеджеры активно используют автоматическую рассылку. Это помогает автоматизировать процесс работы с клиентами. Создать авторассылку можно несколькими способами:
● Последовательная серия писем. Это самый простой вариант, когда вне зависимости от условий пишутся несколько писем, которые будут разосланы получателям в определенном порядке. Здесь могут быть свои варианты – серия сообщений (простая цепочка сообщений), особая дата (письма приурочены к определенным датам), триггерное письмо – письмо отправляется в зависимости от действий подписчика (открытия сообщения и пр).
● Automation360 – рассылка с определенными фильтрами и условиями, а также с учетом конверсий.
● Готовые цепочки по шаблону. Вы можете создать серию писем по заданному шаблону или видоизменить шаблон и подстроить его под свои нужды.
А/B тестирование поможет провести эксперимент по различным вариантам отправки серии писем и определить наилучший вариант по открытиям или переходам.

Отправка Push уведомлений

Push-рассылки – это подписка в окне браузера, это своего рода замена rss-подпискам. Технологии web-push стремительно вошли в нашу жизнь, и уже сложно найти сайт, который не использует для привлечения и удержания клиентов пуш-рассылки. Скрипт запроса на Push-подписку легко встраивается на сайт, вы можете отправлять письма, как вручную, так и создать авторассылки, создав серию писем или собрав данные с RSS. Второй вариант подразумевает, что после появления новой статьи на вашем сайте, автоматически будет рассылаться уведомление об этом вашим подписчикам с кратким анонсом.

Новинка от SendPulse – теперь вы можете монетизировать сайт с помощью Push-уведомлений, встраивая в них рекламные объявления. По достижении 10$ каждый понедельник осуществляются выплаты на одну из платежных систем – Visa/mastercard, PayPal или Webmoney.
Push -сообщения на сервисе абсолютно бесплатны. Оплата берется только за White Label – рассылки без упоминания сервиса SendPulse, но если вам не мешает логотип сервиса, то вы можете пользоваться пушами бесплатно без ограничений.

SMTP

Функция SMTP защищает вашу рассылку от попадания в черный список за счет использования белых IP адресов. Технологии криптографической подписи DKIM и SPF, которые используются в рассылках SendPulse, повышают доверие к рассылаемым письмам, благодаря чему ваши письма реже будут попадать в спам или блэк-лист.

Боты Facebook Messenger

Facebook чат-бот находится на этапе бета-тестирования. Вы можете подключить его к своей странице и рассылать сообщения подписчикам.

Отправка SMS

Через сервис SendPulse легко отправлять-рассылки по базе телефонных номеров. Вначале вам нужно создать адресную книгу с перечнем телефонных номеров. Для этого выберите раздел “Адресная книга”, создайте новую адресную книгу, загрузите номера телефонов. Теперь вы можете создать СМС-рассылку по данной базе. Цена СМС рассылки варьирует в зависимости от операторов связи получателей и составляют в среднем от 1,26 рубля до 2,55 рублей за 1 отправленное СМС.

Партнерская программа

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

Как отключить правую кнопку мыши

2019-04-02T07:07:00.001-07:00

Вы конечно же видели на некоторых сайтах запрет на использование правой кнопки мыши. Эта функция прежде всего борется с теми, кто хочет украсть ваш контент. Полностью от воровства вас не защитит эта мера, но от ручного копирования вполне. Другие варианты защиты текста от копирования рассмотрены здесь.
Не рекомендую отключать правую кнопку мыши, если вы выкладываете в своем блоге материалы, предназначенные для копирования. Это могут быть коды, скрипты, кулинарные рецепты, справочные материалы и другое. Запрет на копирование в данном случае отвернет от вас посетителей, и ваш блог станет менее полезным для посетителей. Если вам важна защита от плагиата, то тогда лучше используйте добавление вашего url в конце копии. Тогда вы будете уверены, что если кто-то захочет опубликовать в другом месте в интернете, скопированное у вас, то копипастер с большей вероятностью поделится ссылкой на ваш блог.
Этот рецепт подходит для любого веб-сайта. Вам нужно лишь вставить код на все страницы вашего блога:

<script language=JavaScript>

</script>

В Blogger добавьте код в гаджет HTML/Javascript во вкладке “Дизайн”. Если вы используете одну из последних тем на вашем блоге (Emporio, Contempo, Soho, Notable), то не забудьте активировать видимость виджета (галочка напротив “Виден всем”, “Показать виджет " HTML/JavaScript "”).
На Wordpress добавьте код в виджет “Текст”.

Создать открытку к 8 марта онлайн

2019-03-03T02:13:00.000-08:00

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

Вы можете воспользоваться теми же сервисами, какими мы пользовались для создания открыток на 23 февраля.

Сервисы готовых открыток

Invitizer - здесь вы можете выбрать готовую открытку к 8 марта. Вам нужно лишь подписать её. Напишите теплые или шуточные поздравления, укажите отправителя и адресата. Открытка появляется из конверта, раскрывается и адресат читает ваши поздравления. Открытка доставляется по email.
Segoodme - простой и функциональный конструктор открыток. Выберите рубрику шаблонов открыток "8 марта". Напишите своё поздравление. Вы можете сохранить в каталоге открыток сервиса, получить ссылку и отправить её по Whatsapp, viber, vk, одноклассникам, электронной почте и другим удобным для вас способом. Для этого нужна регистрация. Без регистрации вы можете сохранить в виде gif анимации на компьютер или телефон, в виде видео формата webm или в виде PNG. Я скачала видео. Вот, что у меня получилось:
Viptalisman - простой генератор поздравительных открыток. Для того, чтобы сервис работал, необходимо установить или включить flash плеер.
Вставьте фото в рамку, напишите поздравления и сохраните на компьютер.
Pro100tak Яркие шаблоны открыток вы найдете на этом сервисе. Добавить текст, фото, музыку вы сможете в редакторе. Не работает в мобильных, на компьютере необходимо включить flash плеер.
Livecard - интересный вариант создания виртуальных музыкальных открыток, а также открыток с вашим голосом реализован на сайте живых открыток. Выбирайте открытку из каталога или загружайте свою (найденную в интернете), выбирайте фон, добавляйте текст, музыку или своё аудио поздравление. Генерируется веб-страница, ссылку на которую вы разошлете любым удобным для вас способом. Легко создавать на мобильном! Поэтому отправить оригинальное поздравление не составит труда. Время хранения открытки неограниченно. За 5 кликов у меня получилось:

Создать открытку 8 марта онлайн

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

Canva - известный многим функциональный фоторедактор. Здесь вы найдете множество шаблонов. Нужна регистрация.
Printclick Если у вас свой бизнес, то вы можете заказать партию открыток с логотипом и контактами своей компании. Воспользоваться же вы можете генератором открыток princlick. Отличная рекламная акция и недорого.
Crello - редактор, в котором нужна регистрация. Не пугайтесь английского языка, в настройках можно переключится на русский.
Онлайн-открытка - для тех, у кого хорошо развита фантазия, так как создавать открытку придется с чистого листа.
Mumotiki - подготовьте красивую картинку, а поздравительный текст вы сможете добавить здесь. Кстати, если вам нужно просто добавить текст на картинку, то вы можете ознакомиться с этими сервисами.

Я надеюсь, что воспользовавшись одним из этих генераторов, вы сможете достойно поздравить своих дам с 8 марта!

Как вернуть профиль пользователя Blogger

2019-02-17T06:34:00.002-08:00

Содержание статьи:

как вернуть профиль Blogger

Как удалить профиль Г+

Google Plus закрывается

Платформа Google Plus не оправдала надежд разработчиков и будет удалена полностью уже 2 апреля 2019 года. Вместе с ней исчезнут связанные с ней альбомы в Google Фото, станут недоступными авторизации на сайтах с аккаунтом Google Plus. Уже с 4 февраля стала недоступной функция создания профилей Google Plus, каналов и страниц. Если на вашем аккаунте хранился ценный контент, то вы можете скачать резервную копию здесь.
Больше всех изменения коснутся блогеров, ведущих свои блога на Blogspot. Станут недоступны некоторые виджеты G+, комментарии G+, а также профиль Google +. Об этом сказано в уведомлении в админке Blogger:

После объявления о прекращении работы API Google+, которое запланировано на март 2019 года, 4 февраля будет внесен ряд изменений в интеграцию Blogger с Google+.
Виджеты Google+. В дизайне блогов больше не будут поддерживаться виджеты "Кнопка +1", "Подписчики Google+" и "Значок Google+". Из вашего блога будут удалены все экземпляры этих виджетов.
Кнопки +1. Будут удалены кнопки +1 и G+, а также ссылки "Опубликовать в Google+" под записями в блоге и на панели навигации.
Обратите внимание, что, если вы используете пользовательский шаблон, в котором есть функции Google+, его может быть необходимо изменить. Обратитесь за рекомендациями к тому, кто предоставил вам этот шаблон.
Google+ Комментарии. Будет прекращена поддержка комментариев с использованием Google+, а для всех блогов, которые используют эту функцию, будут восстановлены стандартные комментарии Blogger. К сожалению, комментарии, размещенные через Google+, невозможно перенести в Blogger, поэтому они больше не будут отображаться в вашем блоге.

Удаление комментариев Google Plus

К сожалению, комментарии, которые были опубликованы в системе комментирования Google Plus будут удалены безвозвратно. Вы лишь можете воспользоваться тем же инструментом https://takeout.google.com, чтобы сказать резервную копию комментариев от Google + на свой компьютер. Только загрузчика для него не предусмотрено и восстанавливать комментарии вам можно только вручную достаточно кривым способом. Хорошо, что я в свое время вовремя вернула комментарии от Blogger.

Как заменить профиль гугл плюс профилем Блоггер

Если вы ведете блог на Blogspot, то целесообразно сейчас вернуться с профиля Гугл Плюс на профиль Blogger (для тех, кто переключился на гугл плюс в своё время). Рекомендую сделать это прямо сейчас во избежании непредвиденных ситуаций, которые могут происходить при удалении аккаунтов Google Plus.

Как вернуть профиль Blogger

Сделать это просто в настройках админки Blogger:
Настройки –> Пользовательские настройки –> Профиль пользователя – здесь выберите Blogger

Сохраните изменения.

Подтвердите переход на профиль Blogger и задайте свое имя или никнейм.

Не забудьте загрузить аватар в вашем профиле Blogger.

Как удалить профиль гугл плюс

Если вы решили раз и навсегда избавиться от профиля Г+, то перейдите на свою страницу гугл плюс –> Настройки –> прокрутите страницу до конца вниз –> удалить аккаунт гугл плюс:

Что такое стили CSS?

2019-02-17T01:22:00.000-08:00

Сегодня расскажу что такое CSS3, с чем его едят, где его искать, как правильно его прописывать. Предупреждаю, буду рассказывать от себя, упрощенно для широкой публики, как я это вижу + примеры. Итак, начнем издалека.
CSS – это стили, в которых прописываются свойства объекта. Значит, они есть во всех существующих движках, если вы их не можете найти, значит либо не там смотрите, либо их действительно нет (кривой сайт). Где же они обычно найти? Обычно это корень сайта, название файла style.css, хотя, в принципе, название не так важно, как расширение .css, если файл с таким расширением – это файл стилей.
Смотрите также уроки по основам CSS на моём блоге.

Где их искать?

Путь к файлу приписывают в шаблоне между <head></head>

<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet_url' ); ?>" />

В Blogspot немного по другому, там стили прописаны сразу в коде, до тега между

<b:skin>тут стили</b:skin>

Как выглядят стили?

разберем на примере:

<head>
#header {
 background: #fff;
 font-size: 13px;
 line-height: 1.5;
 font-family: Georgia,"Times New Roman","Bitstream Charter",Times,serif;
 color: #333;
}
.contacts {
 position: absolute;
 top: 20px;
 right: 10px;
}
</head>
<body>
<div id='header'>шапка сайта</div>
<div class='contacts'>контакты автора сайта сайта</div>
</body>

Вы можете просмотреть стили на любом сайте, достаточно лишь просмотреть html-код сайта в браузере. Теперь вы без труда их узнаете, прочитав как они выглядят в этой статье.
Как видно, стили по разному прописываются. Стилям, которые начинаются на знак решетки соответствует определенный id блока в html, стилям с точкой определенный класс блока. По другому никак, не будут стили работать. Названия вы можете придумать какие хотите, главное чтоб они соответствовали написанным id и class в html. Свойства стиля обязательно обрамляются в скобки, после него ставится двоеточие (смотрим на пример выше), пишется параметр и закрывается точкой с запятой. Допускается что в последнем свойстве в конце можно точку с запятой не ставить, достаточно закрывающей скобки.
Бывает что CSS прописывают сразу в блоке, не выводя его в отдельный файл:

<div style='background: #fff;font-size: 13px;line-height: 1.5;font-family: Georgia,"Times New Roman","Bitstream Charter",Times,serif;color: #333;'>шапка сайта</div>

CSS на Blogspot

В Blogger стили могут прописываться по другому, объясню позже из-за чего. Открыв код можем видеть такое (просмотрите стили внимательно, и вы увидите знакомые блоггеровские теги, задающие стили):

<b:skin><![CDATA[
  <Group description="Blog Title" selector=".header h1">
     <Variable name="header.font" description="Font" type="font"
         default="normal normal 60px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 40px Georgia, Utopia, 'Palatino Linotype', Palatino, serif"/>
     <Variable name="header.text.color" description="Title Color" type="color" default="#3399bb"  value="#000000"/>
   </Group>
.Header h1 {
font: $(header.font);
color: $(header.text.color);
text-shadow: $(header.shadow.offset.left) $(header.shadow.offset.top) $(header.shadow.spread) rgba(0, 0, 0, .2);
border-right: 1px solid #666666;
float: left;
padding: 0 15px 0 0;
}
]]></b:skin>

Как видим, свойство стиля .Header h1 прописано отдельно выше. Как понять и найти свойство? очень просто, у font есть параметр header.font, вот его то мы и ищем. Находим его в группе свойств “Blog Title” для стиля “.header h1″, внутри 2 свойства “header.font” и “header.text.color”. Вот их мы и меняем. Это сделано для быстроты чтения стилей браузером, так он меньше делает запросов. Ведь свойство header.text.color может где-то еще повторяться. Ниже еще есть header.shadow.offset.left и другие, смысл в них тот же, повторять не буду.
Когда говорят искать в css (или стилях), значит ищем в blogspot’е между тегами

<b:skin></b:skin>

и обычно до тега

</body>

если конечно они не прописаны прямо в html (пример выше, стили в блоках). В других cms обычно все вынесено в отдельный файл с расширением .css

Как удалить внешние ссылки из шаблона Blogger

2019-02-15T20:47:00.001-08:00

Эта свежая статья написана, чтобы осветить актуальную информацию об удалении лишних ссылок из шаблонов Blogspot, а также из новых тем Blogger. Как вы знаете, в кодах Blogger в 2018 году произошли изменения, поэтому многие действия с кодом нужно производить по новому. Плюс появились новые темы, которые сформированы иначе. В связи с этими изменениями разберем тему про удаление ссылок.
Проверить свой блог на наличие внешних ссылок вы можете на сервисах https://pr-cy.ru/link_extractor/ и https://seolik.ru/links. Не забывайте, что проверять нужно не только главную страницу блога, но и страницу записей (постов) и страницы (Page). Большое количество внешних ссылок, открытых для индексации препятствуют продвижению вашего блога.

Как удалить ссылки из старого стандартного шаблона Blogger

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

Удалить ссылку на Blogger - https://www.blogger.com/. Эта ссылка заключена в виджете Attribution. Во вкладке “Дизайн блога” он отображается, как гаджет Атрибуция и защищен от удаления. Чтобы его удалить, переходим во вклудку “Тема”-> изменить HTML. По поиску виджетов (список виджетов) находим Attribution1 и удаляем весь код вместе с секцией footer, в которую он заключен. Так выглядит удаляемый код в свёрнутом виде:

А так полный код:
<b:section class='foot' id='footer-3' name='Footer' showaddelement='no'>
         <b:widget id='Attribution1' locked='true' title='' type='Attribution'>
           <b:widget-settings>
             <b:widget-setting name='copyright'/>
           </b:widget-settings>
           <b:includable id='main'>
     <div class='widget-content' style='text-align: center;'>
       <b:if cond='data:attribution != ""'>
        <data:attribution/>
       </b:if>
     </div>
<b:include name='quickedit'/>
   </b:includable>
         </b:widget>
       </b:section>
Сохраняем изменения и проверяем блог на наличие Атрибуции.
Вы, конечно же видели в своём блоге иконки “Гаечный ключ и отвертка” для быстрого редактирования виджетов. Каждая такая иконка несет с собой внешню ссылку на Blogger. Сейчас они закрыты тегом nofollow, но все равно от них нужно избавляться. Править же виджеты вы будете во вкладке Дизайн.
Вот неполный перечень ссылок, которые зашифрованы в иконках гаечного ключа (ID блога будет ваш)
- Виджет HTML1: http://www.blogger.com/rearrange?blogID=1490203873741752013&widgetType=HTML&widgetId=HTML1&action=editWidget&sectionId=header
- Виджет HTML2 http://www.blogger.com/rearrange?blogID=1490203873741752013&widgetType=HTML&widgetId=HTML2&action=editWidget&sectionId=header
- Архив блога: http://www.blogger.com/rearrange?blogID=1490203873741752013&widgetType=BlogArchive&widgetId=BlogArchive1&action=editWidget&sectionId=main
- Ярлыки блога: http://www.blogger.com/rearrange?blogID=1490203873741752013&widgetType=Label&widgetId=Label1&action=editWidget&sectionId=main
- Популярные сообщения: http://www.blogger.com/rearrange?blogID=1490203873741752013&widgetType=PopularPosts&widgetId=PopularPosts2&action=editWidget&sectionId=main
От всех этих ссылок легко избавиться. Найдите в шаблоне блога тег <b:include name='quickedit'/>. Он встречается столько раз, сколько виджетов в вашем блоге. Удалите все вхождения тега <b:include name='quickedit'/>.
Удаляем ссылки на быстрое редактирование записи блога (иконка “Карандаш”). Упрощает редактирование постов, но несет в себе угрозу в качестве внешней ссылки вида: https://www.blogger.com/post-edit.g?blogID=1490203873741752013&postID=4979812525036427892&from=pencil
Как удалить:
Способ 1. Во вкладке Дизайн отредактируйте элемент “Сообщения блога” и снимите галочку в пункте “Показать "Быстрое редактирование””.
Способ 2. найдите в шаблоне блога тег <b:include data='post' name='postQuickEdit'/> и удалите его. Сохраните изменения и проверьте свой блог на наличие иконки и ссылки.
Удалить Navbar. Найдите по поиску виджетов в шаблоне html блога Navbar1 и удалите весь код вместе с секцией.

А именно:
<b:section class='navbar' id='navbar' maxwidgets='1' name='Navbar' showaddelement='no'>
     <b:widget id='Navbar1' locked='true' title='Панель навигации' type='Navbar'>
       <b:includable id='main'><script type="text/javascript">
     function setAttributeOnload(object, attribute, val) {
       if(window.addEventListener) {
         window.addEventListener('load',
           function(){ object[attribute] = val; }, false);
       } else {
         window.attachEvent('onload', function(){ object[attribute] = val; });
       }
     }
   </script>
<div id="navbar-iframe-container"></div>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<script type="text/javascript">
       gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() {
         if (gapi.iframes && gapi.iframes.getContext) {
           gapi.iframes.getContext().openChild({
               url: 'https://www.blogger.com/navbar.g?targetBlogID\x3d1490203873741752013\x26blogName\x3dnew\x26publishMode\x3dPUBLISH_MODE_BLOGSPOT\x26navbarType\x3dLIGHT\x26layoutType\x3dLAYOUTS\x26searchRoot\x3dhttps://m-ynewblog.blogspot.com/search\x26blogLocale\x3dru\x26v\x3d2\x26homepageUrl\x3dhttps://m-ynewblog.blogspot.com/\x26vt\x3d-3989465016614688571',
               where: document.getElementById("navbar-iframe-container"),
               id: "navbar-iframe"
           });
         }
       });
     </script><script type="text/javascript">
(function() {
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = '//pagead2.googlesyndication.com/pagead/js/google_top_exp.js';
var head = document.getElementsByTagName('head')[0];
if (head) {
head.appendChild(script);
}})();
</script>
</b:includable>
     </b:widget>
   </b:section>
Сейчас Навбар в блоге не дает индексируемых внешних ссылок, но я считаю, что это лишний элемент, который не несет в себе функциональной нагрузки, и его лучше удалить.
Удалите внешние ссылки на изображения. При загрузки изображений в сообщение блога, в них автоматически встраивается ссылка. Чтобы убрать такие ссылки, необходимо отредактировать все записи блога. В режиме “Просмотр” кликайте на фото и далее на иконку “Ссылка”. Если изображение не несет в себе внешнюю ссылку, то при клике на фото в редакторе записи иконка “Ссылка” не активна (нет подсветки иконки).
Удалить ссылку на профиль автора блога. Удалить автора блога под записью. Для этого найдите код <b:widget-setting name='showAuthor'>true</b:widget-setting> и вместо true пропишите false. Получится <b:widget-setting name='showAuthor'>false</b:widget-setting>
Закрыть ссылку из виджета “Профиль” от индексирования тегом nofollow. Если вы используете в своем блоге виджет “профиль”, то найдите через быстрый поиск по виджетам в шаблоне блога код гаджета Profile1. Нужно отредактировать код виджета, заменив в двух местах rel=’author’ на rel=’nofollow’ и добавить к двум ссылкам rel=’nofollow’. У вас должно получиться, как на скриншоте:

Сделано на примере редактирования профиля Google Plus. Напоминаю, что Google Plus будет ликвидирован 2 апреля 2019 года. Соответственно после этой даты нужно будет производить другие изменения в коде виджета “Обо мне”.
Проверяем на наличие внешних ссылок любую страницу записи Blogspot, к которой оставлены комментарии. Найдите и удалите в шаблоне блога код:
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
В Настройках блога по пути Настройки блога -> Другое -> Фид сайта -> Разрешаем фид блога применяем следующие настройки:

Убрать внешние ссылки из нового стандартного шаблона Blogger

На примере темы Notable

Удаляем Attribution (ссылка внизу – Технологии Blogger)
Находим в шаблоне блога по поиску по виджетам (список виджетов) Attribution1 и удаляем код вместе с секцией по аналогии со старым шаблоном Blogger (смотри выше 1).
Удаляем ссылку из виджета «Сообщить о нарушении». Это виджет ReportAbuse1. Находим в поиске по виджетам:
Код выглядит целиком так:
<b:widget id='ReportAbuse1' locked='true' title='' type='ReportAbuse' visible='true'>
<b:includable id='main'>
<b:include name='reportAbuse'/>
</b:includable>
</b:widget>
Проверяем страницу записи блога с комментариями и удаляем ссылки по аналогии со старыми шаблонами блога (смотри выше – пункт 8).
Удаляем ссылки из постов блога, которые вшиты в картинки записей (смотри пункт 5).

Исправив все по моему рецепту, вы не избавитесь от внешних ссылок, ведущих из комментариев. Чтобы исправить ситуацию читайте как убрать лишние ссылки из комментариев Blogger

Как создать галерею изображений

2019-02-12T06:54:00.000-08:00

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

Вы можете также протестировать мою галерею в конце этой статьи и добавить собственные ссылки. Это приветствуется 😉
Добавлять галерею в блог мы будем при помощи скрипта inlinkz.

Как добавить изображение в галерею

Под каждой галереей находится кнопка для добавления ссылки "add link". Нажмите на нее:

После этого у вас появится предложение авторизоваться через аккаунты Google, Facebook или зайти через свою учетную запись inlinkz.
Снова нажмите кнопку "Add link". Добавьте свою ссылку или загрузите изображение в галерею.
Нажмите кнопку "Done" для завершения.
Второй способ добавление изображения через загрузчик "Upload". Загрузите свое изображение, добавьте описание и при необходимости ссылку. Если после добавления ссылки, скрипт предложит вам свои варианты фотографий, то снова перейдите во вкладку "Upload' и выберите своё загруженное фото. Нажмите кнопку "Save", а затем "Done".

Как добавить галерею изображений в свой блог

Зарегистрируйтесь на сайте inlinkz.com. Нажмите на кнопку "Get start" и можете просто авторизоваться через аккаунт Google или Facebook.
Создайте новую галерею через функцию "Create your first party" или кнопку "New", если у вас не первая галерея. Заполните все пункты, как показано на скриншоте ниже:

Завершите создание галереи кнопкой "Create"
Чтобы вставить галерею в блог, нажмите на "Copy code" под миниатюрой своей галереи. Добавьте адрес своего блога и описание.
Снова нажмите Copy Code, и скопируйте самый верхний код (со скриптом):
Вставьте код в запись блога или на страницу в режиме HTML. Вы можете также добавить код в виджет HTMl/Javascript вашего блога.

23 февраля открытки онлайн

2019-02-08T19:44:00.000-08:00

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

23 февраля на virtualcards - этот сервис поможет отправить поздравительную открытку на любой e-mail адрес совершенно бесплатно. Вам нужно только заполнить поля - кому, куда , от кого и пр. Здесь вы можете добавить ваше поздравление, марку и музыкальное сопровождение.
23 февраля от cerds.onlain.ua Здесь вы найдете много прикольных открыток на 23 февраля, которыми в сможете порадовать своих защитников.
23 февраля от Давно.ру. Здесь вы найдете большую коллекцию патриотических открыток советского времени. Отправляем открытку по e-mail.
онлайн-открытка.рф - сайт, на котором вы с нуля можете создать поздравительную открытку - задать цвет фона, загрузить фотографию друга, сделать надпись, добавить клипарт. И все, можете отправить hand made открытку лучшему другу! Он не обидится!
Atkritka.com - на этом сайте много открыток с приколами, правда не всегда пристойными. Их вы можете отправлять по e-mail и поздравлять защитников отечества.
effectfree.ru/ - на этом замечательном сайте вы можете вставить фото адресата в праздничную рамку, добавить текст на фото, скачать на компьютер и сделать свое поздравление очень оригинальным.
Sunhome.ru - на сайте Дом Солнца можно найти поздравительные открытки с 23 февраля. Выбираем понравившуюся и попадаем в конструктор, где можно написать пожелание вашему адресату и отправить по почте. Выберите сопровождающую мелодию, и открытка станет музыкальной.
открытки на 23 февраля от cards.tochka.net. На сайте много шуточных открыток. Прикольные открытки можно отправить по электронной почте бесплатно.
Retropost - ретро открытки времени СССР. В разделе 23 февраля опубликованы открытки в честь праздника дня Красной Армии. Вы можете выбрать одну из них и поздравить таким необычным способом настоящих мужчин.
oformi-foto.ru/ - этот замечательный сервис, поможет вставить фото вашего любимого в тематическую открытку-рамку. Отправьте такую интересную открытку своему молодому человеку.

Это неполный обзор сервисов с открытками на день Защитника Отечества, но я надеюсь, что на нашем блоге вы найдете наиболее интересные варианты из бесчисленного множества сайтов. Я не публиковала в перечне сайты, которые только размещают простые картинки. Гораздо важнее, чтобы открытка могла быть изменена, добавлена музыка, поздравительный текст. Спасибо за внимание!

Как ускорить загрузку блога с Adsense

2019-02-07T06:00:00.001-08:00

Сегодня предложу вам трюк, с помощью которого загрузку вашего блога Blogger не будут тормозить рекламные объявления Adsense. Реализуем мы это при помощи скрипта отложенной загрузки. Сначала будет загружаться контент и лишь потом блоки рекламы Google. Эффект ускорения работы блога вы можете посмотреть на моей Азбуке блогера.

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

Итак, приступим.

Сделайте резервную копию шаблона блога Blogspot.

Удалите все участки кода Adsense, встречающиеся в вашем шаблоне, подобные этим:

<script src='//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'’></script>

<script async='' src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<script src='//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js' />

<script async='async' src='//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'></script>

Теперь добавьте в шаблон вашего блога перед тегом </body> или </body> код:
<script type='text/javascript'>
//<![CDATA[
// Lazy Load AdSense
var lazyadsense=!1;window.addEventListener("scroll",function(){(0!=document.documentElement.scrollTop&&!1===lazyadsense||0!=document.body.scrollTop&&!1===lazyadsense)&&(!function(){var e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js";var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(e,a)}(),lazyadsense=!0)},!0);
//]]>
</script>
Сохраните изменения. Теперь можете проверить скорость вашего блога одним из специальных сервисов.

Переезд на https на Wordpress. Ошибки

2019-02-06T19:00:00.001-08:00

Как переехать на https на Wordpress
Я переезжала по инструкции сайта vellisa.ru. Это очень простое и полное руководство по переезду на https. Я лишь хочу дополнить её информацией о работе, проводимой на хостинге, возможных ошибках и их решениях. Про переезд на https на Blogger вы можете почитать статью на моем сайте.

Переезд на https

Повторю основные шаги:

Сделать резервную копию сайта.
Изменить все ссылки на относительные, т.е. начинающиеся с http://вашсайт.ru/… заменить на //вашсайт.ru/…
Ссылки меняются в ссылках на сайте, в изображениях и т.д. С успехов справляется с этой задачей плагие Search Regex. Расположение плагина после установки – “Инструменты” – > Search Regex
При замене ссылок следите, чтобы не было лишних пробелов, а ошибка даже в одном знаке приведет к тому, что ссылки в ваших постах перестанут работать.
Скриншот замены ссылок:
Подключить ssl-сертификат в домену. Идём на хостинг, у меня хостинг на движке ISPsystem. Действия, выполняемые на этой платформе будут идентичными. Переходите на хостинг по пути “Хостинг” –> “На сервер”. В разделе WWW находим раздел “SSL-сертификаты”

Далее смотрите следующий скриншот:
Если не перестала работать админка и нет доступа к форме входа в неё, то добавьте в файл wp-config.php код define('FORCE_SSL_ADMIN', true);
Выполните вход в админ-панель через https
Замените в настройках админки адрес вашего сайта с http на https
При помощи плагина Velvet Blues измените ссылки в вашем контенте и шаблоне на https

Реализуйте 301 редирект в файле .htaccess
Для этого добавьте в него код:

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteCond %{HTTPS} off
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]
</IfModule>

Проверить работу вашего ssl-сертификата вы можете на таких сервисах, как https://www.ssllabs.com/ssltest/ и https://www.sslshopper.com/ssl-checker.html

Более подробно смотри на vellisa.ru

Ошибки и проблемы при переезде на https

Сложности во время переезда

Если для вас все эти изменения слишком сложны для понимания, то вы можете использовать для подключения ssl-сертификата для домена специальные плагины wordpress, такие как

Really Simple SSL - этот плагин не требует дополнительной настройки после установки и активации. Он автоматически внесет необходимые изменения в файл .htaccess, если на сайте обнаружен SSL-сертификат.
CTW SSL для CLoudflare - для тех, кто использует Cloudflare для SSL, данный плагин внесет необходимые изменения, а также решит распространенную проблему перенаправления циклов),
WP Force SSL – плагин для перенаправления страниц сайта с http на https.

Отключить перенаправление с http на https

Иногда приходится отключать перенаправление с http на https при переезде сайта хотя бы для того, чтобы попасть в админпанель. Дело в том, что при подключении ssl-сертификата, перенаправление может автоматически появится из-за настроек домена.
Чтобы исправить это, необходимо на хостинге зайти в раздел www-домены –> в настройки вашего домена и временно отключить принудительную переадресацию на https. Уберите галочку, как показано на скриншоте:

[an error occurred while processing the directive]

На моем сайте при переводе на https появилась проблема [an error occurred while processing the directive]
Указанная надпись красовалась в нижней части сайта. Решение: в файле footer.php я нашла комментарий с # (решеткой) и благополучно # удалила. Проблема была решена.
Было: <--#footer-->
Стало: 
У вас могут быть другой комментарий и находиться в другом файле вашей темы. Напрмер,
 Важно лишь найти этот комментарий с решеткой.

Проблема смешанного контента

Проверку на смешанный контент вы можете провести на сервисе https://www.jitbit.com/sslcheck/ Ограничение – проверяет только 200 страниц на вашем сайте. После того, как вы нашли страницу со смешанным контентом, перейдите на проблемную страницу в браузете Google Chrome и нажмите F12. В консоле вы увидете ссылки, которые нужно исправить. Обязательно проверяйте страницы своего сайта на смешанный контент, на которых нет “замка” в адресной строке.

Как удалить Bundle css из блога Blogger

2019-02-06T00:24:00.001-08:00

Если проверять скорость загрузки вашего блога Blogger с помощью гугловского сервиса PageSpeed Insights, то в графе “Оптимизация” обнаруживаются стандартные файлы Blogger, которые блокируют отображение, а именно файлы Bundle:

для мобильной версии они имеют вид:
widgets/117…-widget_css_mobile_2_bundle.css
для ПК -
widgets/272…-css_bundle_v2.css

Сегодня мы будем удалять данные файлы. К сожалению, стандартного решения нет, но существуют определенные шаги, которые помогут избавится вам от файлов Bundle v2 и mobile Bundle.

В некоторых блогах Blogger встречаются также файлы dyn-css/authorization.css, блокирующие загрузку. Удаляя файлы bundle_v2.css, вы одновременно удалите и dyn-css/authorization.css.

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

Итак, приступим к удалению файлов Bundle:

Сначала вам нужно найти файлы Bundle в шаблоне вашего блога. При просмотре страницы вашего сайта в браузере, нажмите на CTRL + U и найдите ссылку, похожую на эту:

https://www.blogger.com/static/v1/widgets/2727757643-css_bundle_v2.css

У вас будет своя ссылка, поэтому не нужно копировать мой вариант. Перейдите по найденной ссылке, и вы увидите css код. Скопируйте его в блокнот и сохраните. В дальнейшем этот код нам понадобится. Это Bundle_v2 для десктопной версии вашего блога.
Теперь просмотрите в браузете мобильную версию вашего блога. Для этого допишите к вашему адресу окончание ?m=1 , т.е. перейдите по ссылке https://вашблог/?m=1 Снова просмотрите код html страницы при помощи горячих клавиш CTRL + U, найдите css файл Bundle для мобильной версии (mobile_2_bundle.css). У меня это ссылка:

https://www.blogger.com/static/v1/widgets/1171200566-widget_css_mobile_2_bundle.css

У вас будет своя ссылка. Перейдите по ссылке и скопируйте весь код в пустой блокнот. Сохраните под именем mobile_2_bundle.
Теперь переходим к редактированию шаблона блога.

Перед внесением изменений обязательно сделайте резервную копию шаблона блога!
Найдите тег </head> и вставьте над ним следующий код:
<b:if cond='data:blog.isMobile'>
<style type='text/css'>
Код Bundle_v2
</style>
<b:else/>
<style type='text/css'>
Код mobile_2_bundle
</style>
</b:if>

>> Вы можете подключить css файлы через <link href='ссылка, куда залит css файл' rel='stylesheet' type='text/css' />
Найдите в шаблоне вашего блога тег <head> и замените его на <head>
Найдите в шаблоне тег </head>, замените его на </head><!--<head/>—>
Сохраните изменения. Проверьте блог на наличите файлов Bundle. Если это не помогло, то продолжайте изменения шаблона.
Найдите тег <b:skin><![CDATA[ и замените его на
<style type="text/css">
<!-- /*<b:skin><![CDATA[*/]]></b:skin>
<style type='text/css'>
Найдите тег ]]></b:skin> и замените его на </style>
Сохраните изменения. Проверьте ваш шаблон на наличие файлов Bundle. Если они еще присутствуют, то найдите тег </body> и замените его на </body>
Снова проверьте шаблон. Измените <html на <HTML и </html> на </HTML>
Если в ходе преобразований шаблон “поплыл” (проверяйте и мобильную версию тоже!), то внесите поправки в файлы css.

Босс против лидера: бесконечная битва власти и вдохновения

2019-01-15T07:54:00.001-08:00

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

Генераторы логотипов онлайн

2019-01-02T11:31:00.000-08:00

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

Вы можете сделать 3d логотип на русском прямо на нашем блоге, а также воспользуйтесь отличным logo генератором у нас (это бесплатно).
Читайте также про генераторы баннеров.

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

Несмотря на то, что статья написана в 2013 году, она была перепроверена и дописана в 2019! Все сервисы и генераторы рабочие! Пользуйтесь и создавайте логотипы самостоятельно!

Генераторы логотипов русские

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

Здесь множество шаблонов, возможность выбора цвета, расположения элементов, поддержка русских шрифтов, бесплатно сохраняет в небольших разрешениях, что бывает достаточно для сайта или блога. В pro-аккаунте можно скачать логотипы в больших разрешениях по достаточно низкой цене. Кроме того, на основе данного редактора можно создавать конверты, бланки, фавиконы и визитки. Подробнее о сервисе вы можете прочитать в нашем обзоре.
https://www.childbrand.ua/logo/ – Несмотря на то, что это сервис для создания детских логотипов, вы можете использовать в качестве основы свою картинку, значок, иконку. Полностью бесплатный, быстрый.

https://turbologo.ru/ относительно новый русскоязычный генератор логотипов. Реализован поиск иконок по категориям, выбор желательного цвета, шрифты генерируются случайным образом. Полностью платный. Пример логотипа:

https://logoza.ru/ - бесплатный генератор логотипа. Полностью на русском языке. После создания лого, вы можете скачать его в размере примерно 700 x 400 px без водяных знаков. Если вы захотите логотип без подложки, в хорошем разрешении, то можете заплатить 150 рублей. Дальнейшее создание логотипов и скачивание наборов будет для вас бесплатным. Пример:

https://logotizer.ru/ - простой конструктор логотипов и совершенно бесплатный. Здесь можно выбрать фигуры, которые будут использованы в качестве Logo, поддержка слоев, ресский язык, необходима регистрация. пример простого логотипа:

Зарубежные генераторы логотипов онлайн

https://www.logomaker.com/ англоязычный сервис, быстрая регистрация. Без поддержки русского языка! После авторизации, мы попадаем во вкладку генератора. Здесь нажимаем на шаг 1 (choose) в верхнем меню, выбираем категорию логотипов. Выбираем логотип, в шаге 2 мы попадаем в редактор лого. Здесь вводим текст и слоган., меняете расположение элементов, раскрашиваете логотип и текст, изменяете размер текста и др. Шаг 3 – сохраняем логотип на компьютер.

https://www.graphicsprings.com/ Аree logo Maker - поддерживает кириллицу, удобный редактор, но ставит водяные знаки. Можно убрать водяной знак за $19.99.

http://www.freelogoservices.com – не поддерживает кириллицу, водяные знаки. Пример логотипа. Это скриншот из редактора, поэтому без водяных знаков. Если вы владеете Adobe Photoshop, то проще убрать фон с клеткой, чем копирайт.

https://www.tweak.com/ – англоязычный генератор, необходимость регистрации, полностью бесплатный, но не поддерживает русский язык. Пример логотипа:

https://www.designmantic.com/ русскоязычный и бесплатный. Много векторных шаблонов логотипов + создает визитную карточку.
Сначала введите название компании и нажмите на кнопку “Show My Design free”, выберите категорию из выпадающего списка и вы получите варианты логотипа. Наведите на понравившийся. У вас появятся кнопки, нажав на которые вы увидите или вариации логотипа, или перейдете в редактор, где можно проделать изменения. К сожалению сайт стал полностью платным. Вы можете бесплатно создать дизайн, а за получение логотипа вам придется заплатить ((
Пример лого:

https://www.hipsterlogogenerator.com/ - создание лого заключается в подборе фигуры и дополнительных элементов, наложении текста и раскрашивании логотипа. Можно скачать бесплатно размеров 600 x 500 px. Можно делать надписи на русском.

https://www.zilliondesigns.com/contests/launch/service - создание логотипа, шаблоны по категориям, нет русского языка, частично платный.

https://logotipogratis.com/- создание из простых элементов фирменных знаков компании.

https://www.onlinelogomaker.com/ – необходима регистрация
https://www.flamingtext.com/ – можно создавать лого с анимацией на русском языке!

Смотрите видео обзор сервиса Logaster

Как раскрутить видео на youtube

2018-12-19T08:10:00.000-08:00

Привет всем! Раскрученный канал youtube – это не только дополнительный трафик на ваш блог, но и весомые ссылки, которые учитываются поисковиками. Но прежде, чем рассказывать о том, как продвинуть канал на youtube, вы узнаете как раскрутить видео на youtube. Многие статьи на эту тему рассказывают лишь процесс накрутки, которая в некоторой степени тоже может быть, но если подходить к этому вопросу более комплексно, то вы можете получить живые просмотры, переходы, и в следствии этого новых подписчиков вашего канала.
В конце статьи я расскажу вам про сервис, помогающий раскрутить ваше видео максимально быстро. Это PumpIt

Раскрутка видео на Youtube:

Снимаем видео

Первый способ. Для того, чтобы снять видео вам нужна цифровая видеокамера купить ее вы можете, как онлайн, так и в обычном магазине фототехники. Для того, чтобы снять удачное видео, вы можете искать интересные сюжеты из жизни, и всегда носить с собой видеокамеру. Однако, этот способ довольно трудоемкий, и не всегда оправданный. Ничего интересного может просто не происходить.. Вы можете снимать видеоуроки, где вы будете выступать в качестве главного действующего лица, учителя. Это может пригодиться вам, если у вас блог “очумелые ручки”, или вы обучаете людей игре на гитаре, как рассказывалось в одном из инфопродуктов по обучению раскрутки видео на youtube. Вы можете давать видео интервью, для этих целей вам уже понадобиться вебкамера. Что от вас требуется – поставленный дикторский голос, умение держать себя и навыки публичных выступлений. Плюсы способа – живой контакт с аудиторией, и, как следствие, быстрая и естественная раскрутка видео и канала youtube.
Для второго способа – видеокамера нам не нужна. Мы будем “снимать” видео при помощи специальных программ. Плюсы: быстрое создание видеороликов, нет необходимости в длительной подготовке (сбор подручного материала для народного творчества). Если вы не обладаете навыками общения с публикой, не желаете лишний раз “светится” в сети, то этот способ для вас.
Программы для создания видео:

Camtasia Studio – платная программа для создания видеоуроков. Позволяет делать видеозапись с экрана монитора, а также с вебкамеры. Читайте уроки по работе с программой – Создание видеоуроков Camtasia Studio 7 и Обработка видеоурока в Camtasia_Studio_7.
Jing – простая программа для записи видео с экрана. Сохраняет в формате видео лишь в версии Pro.
ProShow Producter – для создания красивых слайдшоу из ваших фотографий (платная программа).
Бесплатные аналоги (значительно уступают вышеперечисленным программам) – CamStudio и PCHand.Screen.Recorder для создания видеоуроков.

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

Название видео

Раскрутка видео на youtube имеет те же особенности, что и продвижение отдельной статьи блога. Поэтому рекомендую ознакомиться с мануалом “Оптимизация статьи” для подбора названия видео и составления описания. Ваи также пригодиться статья по СЕО секретам. Об особенностях на youtube читаем далее.
Итак, название вашего видео должно включать ключевые слова и фразы, по которым вас будут находить через поиск Яндекса и Гугла, а также поиск youtube. Ключевые слова для продвижении в яндексе подбираем с помощью wordstat, в google - Google's Keyword Tool, а для подбора кейвордов youtube можно воспользоваться специальным сервисом-подсказкой ключевых слов для видео youtube. Имейте ввиду, что для русскоязычных запросов данных не так много, поэтому сервис лучше использовать для подбора высокочастотных запросов для раскрутки канала в целом.

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

Описание видео

Важно правильно составить описание видео. Составляйте описание видео

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

Чем подробнее будет ваше описание, тем больше вероятности, что оно попадет ТОП гугл или youube.

Видео теги

Не забывайте про видео теги (они же - метки). Именно по ним определяется тематика, и правильное заполнение тегов гарантирует переходы со страниц похожего видео. Многие рекомендуют подбирать огромное количество тегов, но я думаю, что можно ограничиться 9 – 10 метками. Вы можете создавать свои собственные видео теги, например, включив в них название канала или домена вашего блога. Это будет выводить ваше видео одним списком в разделе “Похожее видео” во время просмотра одного из роликов.
Не забудьте на ссылку на свой блог. Очень желательно, чтобы эта ссылка вела именно на соответствующую статью вашего блога, а не на главную страницу...

Выбор видеозаставки

Если вы не являетесь партнером youtube, то вы не можете загрузить пользовательские миниатюры (их еще называют “персонализированные значки” – картинка, которая отображается на видео). Они являются дополнительной рекламой ролика, т.к. яркие и оформленные специальным образом миниатюры видео имеют больший CRT (процент кликов), и соответственно более конкурентоспособны.
Есть выход из ситуации. Вы можете выбрать один из трех кадров, которые предлагает youtube в разделе “Информация и настройки”, чтобы попасть в него, вам нужно перейти по кнопке “Изменить”, которая расположена над видео. Выберите наилучший вариант из трех предложенных. Читайте также про оформление канала youtube.

Видеоответы

Привлекайте новые просмотры на свой канал, создавая видеоответы к популярным видео смежной тематики. Не спамьте видеоответами! Размещайте только там, где ваш видеоответ будет интересен. Владелец канала может отклонить размещение видеоответа. Вы можете выбрать из загруженных видео на ваш канал, а можете загрузить или создать новое видео с помощью специальных сервисов youtube.

Не забудьте встроить видео в запись своего блога. Кроме дополнительных просмотров, это увеличит лояльность google к данной записи. Google любит, когда контент разбавлен картинками и видеороликами по теме.
Добавьте ссылку на видео в социальные сети – twitter, facebook, google + и другие. Так вы сможете повысить позиции своего видео в яндексе, google и в поиске по видео youtube.

Накрутка просмотров и лайков

Зачем нужна накрутка просмотров? Чем больше просмотров будет у вашего видео, тем более ценным оно будет казаться в глазах Google и Youtube, тем выше будут его позиции. Так, что если прибегать к накрутке просмотров и лайков видео с умом, вы можете раскрутить свое видео на youtube.
Приятная новость - восстановил свою работу сервис по накрутке youtube – pumpYt.

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

Как сделать gif-анимацию из видео

2018-12-16T08:17:00.000-08:00

Во многих социальных сетях пользуются большим успехом gif-анимации, созданные из видео. Выхватываем самые интересные кадры и видео и делимся ими с друзьями!
Такую анимацию можно сделать при помощи бесплатной программы GifCam.
Плюсы программы:

не требует установки,
простая,
не требовательна к ресурсам,
gif картинки получаются небольших размеров.

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

Скачать программу GifCam:

Создание gif анимации

/* После скачивания zip-архива распакуйте его и запустите приложение.
Перемещайте окно программы и изменяйте его размер для захвата наиболее удачной области экрана монитора:

Нажмите кнопку “Rec” для начала записи gif-скриншота или нажмите на кнопку “Frame” для захвата одного кадра.

Редактирование анимированного gif

После записи gif, нажмите кнопку “Edit” для редактирования скриншота. Появится окно с только что записанной анимацией.
Кликните по нему правой кнопкой мышки и появится меню:

Основные функции редактирования:

Delete this frame – удалить этот кадр,
Delete From this frame to start – удалить кадры, начиная с текущего до первого.
Delete From this frme to end – удалить кадры с текущего по последний,
Add text – добавить текст,
Resize – изменить размеры.

Сохранение гиф анимации

После окончания записи сохраните анимированный gif, нажав на кнопку “Save”. Дайте название картинке. Кроме gif, вы можете сохранить в avi (формат видео), а также выбрать режим из предложенных:

Анимированные гики можно также создать при помощи специального расширения для оперы Screenshoter

Таблица html онлайн

2018-12-12T01:03:00.000-08:00

Вы можете быстро вставить таблицу в свой блог, воспользовавшись редактором Windows Live Writter, получить код в генераторе таблиц html, с помощью Microsoft Office Word. Сегодня я предложу вам еще один способ получения кода таблицы html онлайн. Это быстрый и простой способ.

Этапы получения кода таблицы html онлайн

Создайте таблицу в любой из программ - Microsoft Excel, OpenOffice или Microsoft Word. Заполните все её ячейки текстом.
Выделите таблицу с ячейками и кликните правой кнопкой мыши и выберите пункт “Копировать”.
Перейдите в генератор таблиц html онлайн – Tableizer
В генераторе в пустое поле вставьте ячейки таблицы (клик правой кнопкой мыши и выбор пункта “Вставить”)
Выберите Размер шрифта Font size, цвет шапки (верхних ячеек, первой строки) - параметр Header color, шрифт текста Font.
Нажмите кнопку
Копируйте код из окошка и вставляйте в текстовый редактор своего блога в режиме html.

Вот такая получилась у меня шпаргалка по кодам:

Количество строк, столбцов	Код html

1 строка 1 столбец
<table><tr><td></td></tr></table>
1 строка 2 столбца
<table><tr><td></td><td></td></tr></table>
2 строки 1 столбец
<table><tr><td></td></tr><tr><td></td></tr></table>
2 строки 2 столбца
<table><tr><td></td><td></td></tr><tr><td></td><td></td></tr></table>

Смотрите простой способ генерации кода таблицы html

Создание валентинок онлайн

2018-12-10T06:45:00.000-08:00

Традиционным подарком ко дню святого валентина считается валентинка. Для создания валентинок существуют специальные онлайн сервисы.

Например, создать валентинку онлайн вы можете использовать специальные онлайн-генераторы валентинок:

Генераторы открыток на 14 февраля

Кроме специальных генераторов открыток на День святого Валентина (Valentine's day cards), вы можете использовать следующие сервисы для создания оригинальных открыток:
- подборка сервисов №1

- подборка сервисов №2

Пользуясь нашими ссылками, вы обязательно найдете для себя что-нибудь полезное.

Запись обновлена 6 февраля 2019 года.

Funny.pho.to – это известный многим генератор рамочек, коллажей, приколов, открыток. На этом сервисе вы очень просто создадите свою валентинку. Примеры миниатюр валентинок, предложенных на сервисе:
На сервисе Funny.pho.to создать валентинку очень просто – выберите шаблон, т.е. понравившуюся рамку для будущей валентинки, загрузите свое фото и/или фото любимого, измените размер, обрежьте лишние края фотографии (потяните за уголки рамки) и выберите кнопку “добавить”.
Photofunny.net - еще один интересный генератор любовных открыток. Добавляйте фотографию любимого человека в рамку, добавляйте подпись, стикеры и другие элементы. Готово! Теперь вы можете поделиться в соцсетях или сохранить на компьютер.
Effectfree.ru в этом генераторе вы можете создать эффектную валентинку онлайн. Не правда, симпатичная?

Принцип создания валентинки на этом сервисе подобный, что и при создании валентинки на Funny.pho.to.
photofacefun.com – пример валентинки, созданной онлайн на этом сервисе:
33 рамки ко дню святого Валентина вы найдете на www.loonapix.com
Ознакомьтесь с ассортиментом валентинок сайта www.effectfree.ru
Canva - генератор инфографики также предлагает создавать открытки для любимых. Для этого войдите на сайт под своей учетной записью, найдите шаблон открыток, в поиске вбейте Valentine, выберите подходящий шаблон и откорректируйте его.

Разбить анимацию на кадры

2018-11-29T10:38:00.000-08:00

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

Как разбить анимацию на кадры онлайн

Picasion – русскоязычный сервис. Загружаем картинку, можем изменить размер, качество, применить эффект, повернуть и конечно же осуществить покадровую разбивку. Затем прокручиваем “киноленту” с помощью горизонтальной прокрутки и сохраняем кадры на компьютер.
Animizer –простейший сервис, в Опере у меня отказался работать, зато в Google Chrome – разбивка прошла достаточно быстро.
/*
Gifmaker – простейший англоязычный генератор, но очень простой, так что языковой барьер вам не будет помехой. Загрузите вашу анимацию на сайт – кнопка “Upload Image” и через мгновение скачайте zip-архив с кадрами анимации (Download it now)
Ezgif – здесь много инструментов для работы над гифками, в том числе и обрезка, изменение размеров, оптимизация, надпись на анимации, а также извлечение кадров. Для раскадровки загрузите гиф-анимацию и нажмите кнопку-иконку “split”.

Как выделить кадры из гифки с помощью программ

Adobe Photoshop. Возможно лишь при установке на компьютер QuickTime Player. Откройте анимацию в фотошопе, активируйте окно “Анимация” и включайте последовательно видимость слоев и сохраняйте кадры на компьютер.
Gimp – здесь также легко извлекаются кадры
Специальная утилита – GifSplitter (бесплатная) скачать Пункт “Input” – указываем путь на компьютере до анимации, “Output” – папка, в которую будут сохраняться кадры. Нажимаем кнопку “Split now”.
программа Ulead Gif Animator 5 (платная) не только выполняет функцию разбивки, но и имеет множество инструментов для обработки и создания анимации.

Как посмотреть HTML код страницы

2018-11-29T02:10:00.000-08:00

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

Узнайте также, как распечатать страницу из интернета

Как просмотреть код в различных браузерах

В браузере Mozilla Firefox:

Откройте нужную вам страницу в браузере Firefox,
Выберите Вид – Исходный код страницы или нажмите горячие клавиши Ctrl+U.

В браузере Opera:

Откройте нужную вам страницу в браузере Opera, /*
Выберите Вид – Средства разработки – Исходный код или Ctrl+U.

В браузере Internet Explorer:

Откройте нужную вам страницу в браузере IE,
Страница (или Вид) – Просмотр HTML кода.

В браузере Google Chrome:

Откройте нужную вам страницу в браузере Google Chrome,
Нажмите на значок страницы, который расположен между адресной строкой и значком гаечного ключа,
Выберите строку Разработчикам – Просмотреть исходный код или Ctrl+U

ViKing Group Builder–автопостинг вирусных записей vk

2018-11-17T08:00:00.000-08:00

Хочу рассказать вам об уникальной программе ViKing Group Builder, которая поможет вам раскрутить свою группу или публичную страницу автоматически, причем это произойдет естественным образом за счет публикации интересных вирусных записей. Как раз сейчас на сайте Viking-studio 35% скидка на приобретение программы.

Что умеет ViKing Group Builder?

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

Как пользоваться программой ViKing Group Builder

Проходим авторизацию vk через программу.
Выбираем из вашего списка групп ту страницу или группу vk, в которой собираетесь размещать записи.
Теперь идем во вкладку “Источники” и осуществляем поиск групп, близких по тематике:
Источники –> Добавить –> в графу “Добавление источников” вставляем url групп или укажите тематику.
Источники -> Добавить

Поиск группы vk по ключевому слову

Поиск группы vk по адресу

Важно! Ознакомьтесь с обзором программы Викинг Ботовод Лайт для бесплатной раскрутке группы vk.
Узнайте также про автонаполнение twitter.

Просматриваем список самых популярных постов vk, при необходимости изменяем их и нажимаем кнопку “Взять”:

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

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

Если мы хотим опубликовать эту запись немедленно, то жмем кнопку “Опубликовать”, а если через некоторое время, открываем календарик (как на скриншоте ниже) и выбираем время и дату автопостинга vk. Пост автоматически переместиться в раздел “Черновик” с пометкой "Запланирован".
Пример отсроченной публикации
Планируемые улучшения программы ViKing Group Builder: при использовании фильтров программы, вы без труда найдете посты по свежести, популярности, со ссылками и без, с картинками и без. После того, как вы отфильтровали ненужные записи, настраиваем интервал между публикациями.

Смотрите видеоурок по работе с программой ViKing Group Builder:

10 генераторов для создания цитат на картинках

2018-11-14T10:17:00.000-08:00

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

Вам может понадобиться для этой задачи специальный бот вк, который накладывает надписи на фото

Создание цитат на картинках онлайн

http://lolkot.ru/lolmixer/ – загружаем картинку на сервис, добавляем текст надписи построчно, выбирая нужные эффекты (настройки0 надписи до добавления. Затем вручную можно распределить все строчки по картинке. Когда все будет готово – скачать изображение. Это простой русский генератор на сайте лолкот (позитивный кошкосайт).
http://addtext.com/ – англоязычный сайт, но несмотря на это, им очень легко пользоваться. Загружайте изображение, накладывайте надпись с эффектами. Если нужно добавить дополнительный текст, то нажмите на “+ More text”. Недостаток – оставляет небольшие водяные знаки.
http://atkritka.com/ – достаточно популярный сервис для создания Аткрыток. Плюсы: большой выбор клипартов, узнаваемый стиль, большой каталог цитат на фонах, возможность участия в рейтинге на сайте, создание личных открыток.

Читайте также: как оформить цитату в блоге Blogger и как написать на фото онлайн.
http://blackquote.ru/picture.php – создание цитат на черном фоне. Минусы – выбор другого фона, кроме черного доступно только в премиум-аккаунте.
Приложение vk - In.humor– создает принты – цитаты на цветных потертых фонах. Особенно популярны Вконтакте.
https://quozio.com/ – выбор фонов и добавление надписи и автора. Регистрация, возможность сохранения цитаты (кнопка “keep”).
http://www.quotescover.com/category/wording/quotes. Неплохой редактор превращения текстовых цитат в изображения, но только для латиницы, кириллические шрифты не поддерживает.
https://app.getpikiz.com/editor. Много функций, возможность выбора фона, форматирование текста, выбор положения, наложение цвета на фон, добавление клипарта, фильтров, а также собственного логотипа на вашу работу.
https://www.canva.com. Этот генератор предоставляет множество возможностей – от создания инфографики, презентаций, обложек социальных сетей, до нужной нам функций создания поста, открыток. На английском языке, поддерживает кириллические шрифты, необходима регистрация.
https://buffer.com/pablo

Виджет обратной связи в Blogspot

2018-11-09T09:57:00.000-08:00

Внешний вид виджета

Я уже писала о формах обратной связи, которые можно сгенерировать на сторонних сервисах, и уже после этого добавить на свой блог blogspot. Сегодня я расскажу о гаджете обратной связи от blogger, а также о том, как вынести этот гаджет на отдельную страницу блога.
Так выглядит этот виджет в сайдбаре блога:

Как добавить виджет на blogspot.

Перейдите во вкладку “Дизайн”, нажмите на ссылку “Добавить гаджет” и вы увидите перечень гаджетов.
Нам нужен дополнительный список, именно здесь вы найдете виджет обратной связи:

Добавляйте новый гаджет, редактируйте его название, выбирайте расположение и сохраняйте изменения.
Теперь письма от ваших читателей будут приходить на ваш основной e-mail (этот адрес почты используется вами для входа в аккаунт). Если у вас gmail, то письма будут приходить во вкладку Соц.сети:

Однако, существенный недостаток данного гаджета в том, что он располагается в сайдбаре блога, а это не всегда удобно.

Вам будет интересно узнать о Jotform – лучшем конструкторе форм обратной связи и о том, как создать форму контакты с помощью форм google.

Как перенести форму обратной связи на отдельную страницу блога или в сообщение

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

<form name='contact-form'>
<p></p>
Имя
<br/>
<input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' size='30' type='text' value=''/>
<p></p>
Электронная почта
<span style='font-weight: bolder;'>*</span>
<br/>
<input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' size='30' type='text' value=''/>
<p></p>
Сообщение
<span style='font-weight: bolder;'>*</span>
<br/>
<textarea class='contact-form-email-message' cols='25' id='ContactForm1_contact-form-email-message' name='email-message' rows='5'></textarea>
<p></p>
<input class='contact-form-button contact-form-button-submit' id='ContactForm1_contact-form-submit' type='button' value='Отправить'/>
<p></p>
<div style='text-align: center; max-width: 222px; width: 100%'>
<p class='contact-form-error-message' id='ContactForm1_contact-form-error-message'></p>
<p class='contact-form-success-message' id='ContactForm1_contact-form-success-message'></p>
</div>
</form>
в режиме html:
Теперь идем во вкладку “Шаблон”, выбираем из перечня виджетов ContactForm1:
Раскрываем код виджета, кликнув на небольшой треугольник возле кода, как показано на скрине:
Снова раскрываем код, кликая по другому треугольнику, который откроется перед нами возле кода, как на скриншоте:
Теперь перед нами открылся полностью код виджета, из него нужно удалить часть, выделенную синим:

Она начинается на <b:if cond=”data:title != &quote;quot;”> и заканчивается перед кодом <b:include name=”quckedit”/>. Эту строчку (<b:include name=”quckedit”/>) я рекомендую тоже удалить, это код быстрого редактирования виджета, он дает лишнюю ссылку с вашего блога.
Сохраните изменения. У вас должен пропасть виджет обратной связи из сайдбара, но остаться работоспособной форма контактов на созданной вами странице. Проверьте ее, отправив себе письмо.