2018-08-16

Textual description of firstImageUrl

Бот вк для надписи на фото

бот вк для надписи на фото
Уже несколько публикаций на моём блоге посвящено добавлению надписи на фото. Вы можете ознакомиться с этими статьями:

Продолжаю эту тематику, потому что она востребована. Люди хотят получать быстрый результат, приложив минимум усилий. Почему бы и нет? Ведь известно, что лень – двигатель прогресса.
В социальной сети вк существует замечательный бот, который автоматически накладывает ваши надписи на случайно выбранные обои (картинки). Этот замечательный бот имеет название “Бот ОБОИ с твоим текстом”. Его можно найти по этой ссылке >>>
А вот и демонстрационный ролик из группы вк:



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

2018-08-15

Textual description of firstImageUrl

Как убрать размытый фон в теме Emporio

убрать размытый фон emporio
На каждой странице поста блога Blogger с темой Emporio есть размытый фон. Эта подложка разная на каждой странице и образуется из первого изображения публикации.
Он является своеобразной визитной карточкой этой темы, но не всегда такой фон устраивает блогера.
Вот как это выглядит:

убрать подложку из сообщений emporio
Из этой статьи вы узнаете, как убрать такой фон. Дополнительным положительным эффектом будет то, что одновременно подтянется вверх сайдбар и встанет вровень с основным контентом сообщения. Результат:
поднять сайдбар  emporio
Удалить размытое изображение из темы Emporio можно двумя свособами. Первый способ предполагает удаление участка кода, отвественного за вывод фона, а второй способ – это скрытие размытого изображения посредством добавления кода CSS.
1 способ.
В резделе “Тема” админ панели Blogger выполните поиск по коду шаблона (Ctrl + F), ищите отрезок кода data:widgets.Blog.first.posts.first.featuredImage
Именно по этой части кода мы найдем целый блок кода, который нам нужно удалить:
<b:if cond='data:view.isSingleItem'>
            <b:if cond='data:widgets.Blog.first.posts.first.featuredImage'>
              <b:include data='{                                  image: data:widgets.Blog.first.posts.first.featuredImage,                                  selector: &quot;.bg-photo&quot;                                }' name='responsiveImageStyle'/>
              <div class='bg-photo-container'>
                <div class='bg-photo'/>
              </div></b:if></b:if>
отрезок кода темы emporio
Сохраните изменения.
2 способ.
В редакторе кода темы блога найдите отрезок кода ]]> </b:skin>
Вставьте перед ним следующий CSS-код:
<style type='text/css'>
.bg-photo {display:none !important;}
</style>
Сохраните изменения.
Из двух этих способов мне больше нравится первый, так как мы удаляем ненужный нам код, а чем меньше лишенего кода, тем выше скорость загрузки веб-страницы.
Читать далее ...
Textual description of firstImageUrl

Как вставить рекламу в середину поста Blogger

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

В прошлом уроке вы узнали, как встроить рекламу Google Adsense в фид блога Blogger
Вы можете посмотреть на схему в неачале этого сообщения, чтобы понять, где будет примерно размещаться реклама.
Порядок действий:
  1. Откройте админ панель вашего блога Blogspot –> Тема –> изменить HTML
  2. Найдите отрезок кода <data:post.body/>, пользуясь поиском по коду CTRL + F. Имейте в виду, что этот код может встречаться от одного до четырёх раз в шаблоне Blogger. Чтобы все правильно сделать. Если код встречается один раз, то ориентируйтесь на него, а если больше, то нам нужен будет <data:post.body/>, второй по счёту.
  3. Замените найденный отрезок кода <data:post.body/> на следующий код:
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div id='ad-target'>
    <data:post.body/>
    </div>
    <div id='ad-content'>
    <div style='margin:15px 0;text-align:center;clear:both;'>
    ваш рекламный код
    </div>
    </div><div id='ad-target'><blockquote class='tr_bq'>
    <script type='text/javascript'>
    function insertAfter(addition,target) {
    var parent = target.parentNode;
    if (parent.lastChild == target) {
    parent.appendChild(addition);
    } else {
    parent.insertBefore(addition,target.nextSibling);
    }
    }
    var adscont = document.getElementById(&quot;ad-content&quot;);
    var target = document.getElementById(&quot;ad-target&quot;);
    var linebreak = target.getElementsByTagName(&quot;br&quot;);
    if (linebreak.length &gt; 0){
    insertAfter(adscont,linebreak[1]);
    }
    </script>
    </blockquote>
    </div></b:if><b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if>
  4. Не забудьте перед заменой вышеуказанного кода, произвести изменения: вставить вместо строчки “ваш рекламный код” код вашего рекламного объявления.
  5. Часть кода, отмеченная желтым определяет величину отступа рекламного блока от основного контента. Вы можете регулировать эту величину самостоятельно.
Реклама будет отображаться в середине статьи как в десктопной, так и в мобильной версии блога.
Читать далее ...

2018-08-13

Textual description of firstImageUrl

Как встроить объявления в фиде в Blogger

объявления в фиде
Из этой статьи вы узнаете, что такое объявления в фиде Google Adsense, как создавать данный тип рекламных блоков и как встроить в ваш блог Blogger (Blogspot).

Как выглядят нативные объявление in feed

Что такое реклама Adsense in-feed? Это вид нативной рекламы, которая органично вписывается в дизайн вашего сата, блоки похожи внешне на блоки вашего сайта, причём эта похожесть имеет своей целью не повышение кликабельности по объявлениям, а сколько более приятный внешний вид. И да, CTR повышается тоже. Это такой приятный бонус за проделанную вебмастером работу.
Про вставку обычных блоков рекламы Google Adsense в Blogger читайте здесь - https://www.mycrib.ru/2011/10/google-adsense-blogger.html
Реклама типа in feed - это блоки, которая встраивается в ленту ваших записей на главной странице, странице архивов, меток и т.д. Подробнее о том, что такое фид, вы можете прочитать в справке Google Adsense.
Вот как выглядит реклама в фиде на моем блоге Азбука блогера. Красной расмкой я выделила рекламное объявление:
реклама in feed Google Adsense

Как создать рекламный блок in feed

Чтобы создать рекламное объявление в фиде, в админпанели вашего аккаунта Google Adsense перейдите по пути Мои объявления –> Рекламные блоки –> Новый рекламный блок –> Объявления в фиде.
Затем перед вами появится выбор из 2 способов создания объявления:
  • Использовать стиль, предложенный Google
  • Создать стиль объявления вручную.
Я выбираю первый и смотрю, как будет выглядеть реклама в фиде и где размещаться:
реклама Adsense в фиде
Далее, если нас устроил такой вариант, то переходим к следующему шагу, где даём название рекламному объявлению и меняем немного стиль при необходимости (играем с цветом и шрифтами).
В конце получаем код рекламного объявления.

Как встроить рекламу в блог Blogspot

Хочу подчеркнуть, что нижеприведённый способ встраивания рекламы работает в десктопной версии сайта. Также этот метод применим для старых тем Blogger и для многих нестандартных тем, но не получится возпользоваться этим способом для последних тем Blogger (Contempo, Soho, Emporio или Notable).
  1. в админ панели Blogger идите в разде Тема –> изменить HTML
  2. Выполните поиск по щаблону. Ищите отрезок кода
    <b:loop values='data:posts' var='post'>
  3. Замените код <b:includable id='main' var='top'> на код <b:loop values='data:posts' var='post' index='x'>
  4. Теперь найдите код <div class='post-outer'> и вставьте сразу после него такой код:
    <b:if cond='data:blog.pageType == &quot;index&quot;'>
    <b:if cond='data:x==1'>
    <div class='post'>
    Ваш код Adsense In-Feed
    </div>
    </b:if>
    <b:if cond='data:x==3'>
    <div class='post'>
    Ваш код Adsense In-Feed
    </div>
    </b:if>
    </b:if>
    прежде чем вставлять этот код, измените его в блокноте и вставьте вместо надписей “Ваш код Adsense In-Feed” полученный код вашего рекламного объявления.
На этом наш короткий урок закончен. Вам может быть полезна статья о другой новинке Google Adsense – автоматизированных объявлениях.
Читать далее ...
Textual description of firstImageUrl

Установка виджета рейтинга статей сайта

Установка виджета рейтинга статей сайта
Установке рейтинга записей сейчас придают большое значение ведущие сео-специалисты, которые всеми силами пытаются поднять CTR поисковой выдачи (кликабельность другими словами). Именно поэтому звездный рейтинг – это не бесполезный виджет, а необходимый инструмент для продвижения вашего сайта.
Содержание статьи:
  1. Зачем я поставила систему оценок статей
  2. О генераторе rating widget
  3. Как сгенерировать код звездного рейтинга в генераторе,
  4. Установка рейтинга на блог Blogger (Blogspot)?
  5. Установка рейтинга на сайт wordpress

Зачем нужна оценка статей блога

Вы можете прочитать по этой теме также подробную гостевую статью от Евгения (Econ Dude), из неё вы узнаете, зачем нужен рейтинг записей, как именно он влияет на продвижение и на кликабельность вашего сниппета в ПС и про то, как установить оценку статей с помощью сервиса likebtn.com. Я не хочу повторяться в рамках данной статьи, и если вам нужна более подробная информация, то переходите по указанной ссылке.
В этой статье вы узнаете про бесплатный генератор рейтинга статей для вашего блога https://rating-widget.com/ Раньше я пользовалась данным рейтингом для своего блога, но в дальнейшем отказалась, видимо в период, когда я отказывалась от лишних элементов и виджетов на страницах блога. В последнее время, когда продвижение сайтов стало всё более загадочной вещью, сео-оптимизаторы стали утверждать о пользе установки рейтинга. В экспериментальных целях, я решила снова поставить “звёздочки” на свой блог. Вы их видите под заголовком каждой статьи. Также я обнаружила после установки скрипта, что теперь можно голосовать и за лучший комментарий, что тоже само по себе неплохо. В другом же моём блоге ретинг для комментариев не появился, в нём используется стандарная тема Emporio (возможно в этом причина).

Генератор rating widget


Плюсы рейтинга https://rating-widget.com/:
  • бесплатный виджет. Есть, конечно, на сайте и платные тарифы, но вы можете использовать виджет рейтинга бесплатно неограниченное время на нескольких сайтах.
  • легко устанавливается на любой блог или сайт. Совместим с сайтами на площадках Wordpress, Blogger, Wix,webly, tumblr.
  • виджет можно перевести на язык вашей аудитории. Если у вас блог на русском языке, то неудивительно, если вы захотите устаносить русскоязычный виджет.
Минусы:
  • не гарантированно звезды (оценка ваших статей) попадут в выдачу Google. Как Евгений писал уже в другой моей статье для того, чтобы рейтинг отображался в выдаче неоходимо, чтобы он был прописан в микроразметке, а для этого в данном сервисе предусмотрен платный тариф. Я проведу эксперимент, о результатах которого сообщу в этой статье позже (примерно через месяц). Статья будет обновлена.
  • англоязычный сайт. для тох, кто слабо владеет языком могут возникнуть некоторые препятствия в установке виджета. Но вы можете следовать инструкции на нашем сайте, и избежать подобных проблем.

Генератор звездного рейтинга для сайта


Перейдите на страницу генератора https://rating-widget.com/ и нажмите на кнопку создания бесплатного виджета:
получить звездный рейтинг для сайта
Далее появится окно, в котором по-английски задан вопрос: “вы впервые на сайте?”:
регистрация на сервисе получения рейтинга
Нажмите на кнопку “Create account” (создать аккаунт). Далее заполните форму регистрации: укажите адрес сайта, на котором будет установлен виджет вейтинга записей и выберите тематику вашего блога. Далее вы можете осуществить вход через аккаунты Google, Linkedin, facebook или зарегистрироваться через e-mail (First and Last Name – имя и фамилия, your email address – ваш e-mail, set your password – установите пароль).
создание учетной записи
Теперь мы приступаем к генерации виджета. Вы видите панель с множетсовм настроек:
стиль рейтинга
Установите стиль виджета, выберите тему и цвет, язык виджета и другие настройки.
Самое главное, при настройке виджета, вы должны видеть, что ваш рейтинг имеет нормальный вид в виде звезд или лайков. Во время сбоев, когда отображение не работает, установить адекватно виджет не получится. В этом случае может помочь смена браузера или повторные попытки генерации рейтинга. Вот так выглядит рейтинг в просмотрщике:
звёздный рейтинг
Нниже вы уидите сгенерированный код для вашего сайта:
код виджета

Установка виджета звёздного рейтинга на Blogger

В Blogger можно установить рейтинг двумя способами. Что нужно сделать до установки любым из способов – это выбрать нужную вам платформу, а именно Blogger в верхней части генератора^
Установка виджета звёздного рейтинга на Blogger
1 способ установки виджета рейтинга через добавление нового элемента в Blogger – нажмите на кнопку “Добавить в Blogger”:
добавить на blogger
Выберите ваш блог, на который вы хотите установить и одобрите размещение. Рекомендую пользоваться этим простым способом тем, кто использует в своём блоге одну из последних тем Blogger (Contempo, Soho, Emporio или Notable). В этих темах вам будет достаточно переместить виджет в разделе “Дизайн” в поле “Sidebar (item page)”, чтобы рейтинг начал отображаться только в записях блога.
2 способ. Скопируйте предложенный код и разместите его во вкладке “Тема” (изменить HTML) перед тегом </body>. Чтобы звёзды отображались только в записях посместите вышеуказанный код между тегами
<b:if cond='data:blog.pageType == &quot;item&quot;'> здесь ваш код рейтинга </b:if>
Каким бы из способом вы не замещали звёзды, у вас они строятся в нижнюю часть каждой статьи. Если вас не устраивает такое положение, и вы хотели бы поместить виджет сразу под заголовком, то редактировании темы (Тема –> изменить HTML) найдите код <div class='post-body …>. Это код может выглядеть, как <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='description articleBody'> или <div class='post-body entry-content float-container' expr:id='&quot;post-body-&quot; + data:post.id'> или несколько иначе.

Ищите по отрезку кода div class='post-body . После него вам нужно вставить код
<b class="rw-rating-container"></b>
Этот код может встречаться в шаблоне несколько раз. Экспериментируйте после какого раза вам нужно вставить код размещения звёздого виджета. В этом блоге мне пришлось вставить после четвертого раза, а в другом – после первого. Всё зависит от структуры вашего шаблона.

Как установить rating widget на wordpress

У сервиса Rating widget имеется свой плагин для wordpress. Вы можете найти его в своей админ панели сайта в поиске по виджетам. В поиск забейте Rating Widget.
плагин рейтинг статей
Установите и активируйте плагин. Дополнительно вам придется подтвержить установку плагина на сайте через активацию по e-mail. Ждите письмо со ссылкой-активацией. Перейдите в настройки плагина (setting) и придайте желаемый внешний вид рейтингу.
Параметры настройки плагина рейтинга статей:
  • Enable for Front Page Posts – снимите галочку напротив этого пункта, если не хотите, чтобы рейтинг отображался на главной странице.
  • Language – выберите язык рейтинга,
  • Type – вид: палец вверх или звёзды.
  • Theme – тема (стиль виджета),
  • Size – размер,
  • Read Only – “только чтение”. Если вы выберите “active”,
  • Specific Visibility Settings (Специальные настройки):
  1. Show on every Front Post – показать во всех постах,
  2. Show on every Front Post except the listed Front Posts – показать во всех постах.ю кроме (вписываем id исключённых постов через запятую),
  3. Show only on the listed Front Posts – показать только в следующих постах.
  4. Post Views Visibility Settings – исключите показ рейтинга на страницах архивов, категорий, поиска при неоходимости.
    Теперь вы можете проверить работоспособность виджета в действии - оцените эту статью. Рейтинг вы найдете под заголовком записи. 


Читать далее ...

2018-08-11

Textual description of firstImageUrl

Как сделать уведомление об использовании cookies на сайте

cookies уведомление
Требование законодательства РФ гласит, что на сайте должно быть предупреждение о том, что вы собираете куки. Куки хранятся на серверах, и доступ к ним блогерам Blogger закрыт, но это не освобождает вас о необходимости размещения уведомления. Кроме предупреждения о куках ,на вашем сайте должно быть согласие на обработку персональных данных. В этой статье речь пойдет о том, как установить полосу с предупреждением об использовании cookies на любой сайт (Blogger, wordpress, joomla и любой другой).
Куки – это зашифрованная информация о пользователе, который посещает ваш сайт. Может быть вы удивитесь, узнав, что для пользователей интернета стран Евросоюза, Blogger уже встроил предупреждение об использовании cookies.
Вот, как выглядит мой блог, если просматривать его с ip одной из стран Евросоюза:
уведомление о куки
Предупреждение об использовании cookies:
Этот сайт использует файлы cookie Google. Это необходимо для его нормальной работы и анализа трафика. Информация о вашем IP-адресе и агенте пользователя, а также показатели производительности и безопасности передаются в Google. Это помогает обеспечивать качество услуг, накапливать статистику использования, а также выявлять и устранять нарушения.
Если вы ведёте свой блог в России или Украине, как большинство читателей моего блога, то на ваш блог Blogger не встраивает данное полосу-уведомление для жителей этих стран.

Как добавить полосу предупреждение об использовании куков на ваш сайт

  1. Используйте для этого генератор https://silktide.com/tools/cookie-consent/download-install/ С еего помощью вы настроите полосу за 3 шага.
    создать уведомление о cookies yf cfqn
  2. Выберите тему уведомления (choose theme) – светлую или тёмную и расположение виджета.
  3. Нажмите Continue (продолжить), перейдите ко второму пункту “Customise” (настроить) и поставьте галочку в чекбокс “Customise the text” (настроить текст). Заполните строки своим текстом.
    - Headline text – текст, который будет отображаться на полосе,
    - Accept button text – текст на кнопке
    - Read more button text – читать далее, если предполагается ссылка на страницу с соглашением о куках,
    - Your cookie policy – страница с соглашением об использовании cookies (необязательно).
  4. Жмите снова Continue (продолжить), сгенерируется код, который нужно добавить в редактор кода вашей темы перед закрывающимся тегом <head>.
Минусы данного генератора в том, что нет настройки, и уведомление будет показываться на каждой странице одному пользователю многократно. В конце концов, посетитель уйдет с вашего сайта, и впредь постарается его избегать. Этого недостатка лишен виджет
Второй генератор кода полосы вы найдете на сайте Getsitecontrol. Я уже писала об этом многофункциональном сервисе для создания виджетов. Необходима рестрация, но она не займет у вас много времени. При регистрации, вам придётся установить код getsitecontrol перед закрывающимся тегом </body>. На этом редактирование кода вам больше не понедобится. Вы будете изменять настройки на самом сервисе, и они будут автоматически применяться на вашем сайте.

Как добавить виджет с предупреждением о куках через getsitecontrol.com

  1. Регистрация,
  2. Создание нового виджета через меню Create widget –> Promo:
    полоса cookies
  3. При редактировании настроек виджета, перейдите во вкладку Content и пропишите текст в строках, как у меня:
    виджет cookies
    Укажите желаемую позицию виджета и снимите галочку напротив “Open the target page in a new window” (открывать ссылку в новом окне)/
  4. Чтобы виджет не мозолил глаза вашим читателям, установите настройки в разделе Behavior, как у меня:
    настройки уведомления
Плюсы getsitecontrol:
- более тонкая настройка полосы уведомления
Минусы:
- виджеты getsitecontrol условно-бесплатные, т.е. вы можете использовать этот виджет бесплатно только на одном сайте и если у вас менее 50 000 просмотров в месяц.
Читать далее ...

2018-08-07

Textual description of firstImageUrl

Как перевести PDF в Doc

программа PDF to X
Программа PDF to X переводит PDF в другие форматы, а именно — в Doc (формат word) или rtf (wordpad), в JPF (изображение), TXT (текстовый документ), HTML (в форматы веб-страниц). Все преобразования можно проводить в пакетном режиме.
Программа очень проста в работе.
Официальная страница - https://www.pdf-helper.com/pdf-to-x/
Стоимость программы 39,9$

Плата разовая, лицензия пожизненная.

Для сравнения могу привести другие конвертеры PDF:
На мой взгляд самый лучший из них Candy PDF, но и стоит он дороже (59$).

Как работать в программе PDF to X
  1. Запускаем программу
  2. Выбираем в какой формат вам нужно конвертировать PDF документ. Например, PDF to doc
    Как перевести PDF в DocКак перевести PDF в Doc
  3. При необходимости выбираем много PDF файлов
  4. Применяем настройки — выбираем выходной формат (doc или rtf) и путь сохранения файла.
  5. Нажимаем на кнопку «Преобразовать всё»,
  6. Наслаждаемся результатом.
    PDF to X

Читать далее ...