2016-04-30

Textual description of firstImageUrl

Объявления уровня страницы Google Adsense

объявления уровня страницы google adsense
Объявления уровня страницы Google Adsense (Page level ads) – новые форматы рекламных объявлений Adsense для мобильных устройств. Этот вид блоков появился несколько дней назад, и вы уже можете протестировать их на своих сайтах. Особенностью этих рекламных объявлений является то, что они показываются лишь в тех случаях, когда могут обеспечить владельцу сайта высокий доход и показываются лояльным пользователям, а также не учитываются при подсчете максимального количества рекламных блоков на странице.
В настоящее время доступны два типа объявлений уровня страницы:

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

Как установить объявления уровня страницы

При установке объявлений уровня страниц любого типа нужно воспользоваться универсальным кодом, который получите в разделе “Мои объявления” –> “Объявления уровня страницы” –> выбираем нужный тип объявлений (активируем статус) –> получить код
Полученный код размещаем в секции head сайта или в начале тега body. Таким образом, на сайте wordpress вы можете разместить код рекламы в файле header.php перед </head> или в файле index.php
Чтобы разместить рекламу на Blogger разместите код, преобразованный в encoder html после тега <body> или перед </head>. При установке кода в неизменном виде у вас появится ошибка:
Ошибка при синтаксическом анализе XML (строка 874, столбец 15): Attribute name "async" associated with an element type "script" must be followed by the ' = ' character.
Как пользоваться encoder – вставьте код рекламного блока в encoder, нажмите на кнопку “convert”, выделите код и вставьте его в редактор шаблона html (кликните по изображениям для увеличения):
encoder
   код объявления уровня страницы
Читайте также как установить рекламу adsene на блог Blogger

Как проверить установленный код объявлений уровня страницы

.. Тестирование проводиться в инструменте предварительного просмотра.
Проверять установку кода нужно лишь на мобильных устройствах в мобильной версии сайта. Мобильное устройство должно находиться в вертикальном положении.
К адресу страницы, на которой установлен код объявления уровня допишите #googleads
Например, https://vgrafike.ru/#googleads (смотреть только в мобильном устройстве) для Blogger это будет адрес https://мойблог.blogspot.com/?m=1#googleads или адрес конкретной страницы сайта и добавление #googleads
Пример для Blogger https://www.mycrib.ru/2016/04/shkola-konovalova.html?m=1#googleads
После такой манипуляции в верхней части экрана появится надстройка синего цвета, выберите в ней русский язык и одну и вкладок, в зависимости от объявления, которой вы установили (объявление внизу экрана или заставки). Если вы выбрали первый вариант, то вам будет показано это объявление в обязательном порядке, а если второй, то ссылки, под которыми может “прятаться” объявление-заставка будет подсвечено черными прямоугольниками. Кликните по этой зоне, и вы увидите рекламу.
инструменте предварительного просмотра

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

Для этого достаточно дописать к коду ссылки элемент  data-google-vignette="false"
Пример, <a href="url" data-google-vignette="false">текст ссылки</a>
Читать далее ...

2016-04-26

Textual description of firstImageUrl

Как работать в киностудии Windows Live

как работать в киностудии windows live
На нашем сайте уже неоднократно были обзоры программ, с помощью которых вы можете сделать монтаж, редактировать видео, записать видео с экрана и другие.
Читать далее ...

2016-04-15

Textual description of firstImageUrl

SEO плагины для браузеров

seo плагины
Для упрощения работы любому блоггеру понадобятся seo расширения для браузеров. Они экономят ваше время поиска и фильтрации сайтов-доноров (потенциальных доноров ссылок на ваш ресурс) при покупке, обмене ссылками, при написании гостевы постов, а также помогут быстро найти dofollow блоги, блоги, на которых открыты ссылки в ТОПе комментаторов, профили, на которых можно оставить прямые ссылки и многое другое. Полезны seo расширения также для быстрого анализа сайтов-конкурентов. В данной статье я предлагаю обзор плагинов и расширений для различных браузеров.

SEO плагины для Оперы

  • WebRank SEO покажет вам значения показателей Alexa Rank, pr, индексация google и bing, количество ссылок с социальных сетей на данную страницу сайта, безопасность сайта и количество обратных ссылок по мнению google и bing. Недостаток плагина – отсутствие определения ТИЦ, проиндексированных страниц Яндексом и количество ссылок по Solomono. SEO подразумевает постоянную аналитическую работу, поэтому наличие специальных плагинов и программ облегчат вам работу. Если вы не пока не владеете этой наукой, то можете доверить продвижение сайтов Артокс Медиа.
    Домашняя страница плагина https://addons.opera.com/ru/extensions/details/webrank-seo/?display=en

    сео_расширения
  • RDS bar покажет вам индексацию Яндексом и гуглом, ТИЦ и pr, исходящие и входящие ссылки, наличие в Яндекс каталоге и DMOZ, показатель Alexa, наличие robots.txt, sitemap. Плагин несколько видоизменяет внешний вид веб-страниц, благодаря чему вы определите закрыта ли ссылка тегом nofollow (зачеркнутая ссылка), используется ли noindex (оранжевый фон).
    rds
    Домашняя страница https://addons.opera.com/ru/extensions/details/rds-bar/?display=ru
  • SeoQuake extension отображает важнейшие показатели для seo оптимизаторов – ТИЦ, pr, индексацию страницу различными поисковиками. Расширение отображается в виде горизонтального бара в верхней части браузера. Вы можете выбирать те показатели, которые вам нужны для работы. SeoQuake_extension
    Встраивается в страницы поисковых систем возле результатов поиска:
    seo
    Домашняя страница https://addons.opera.com/ru/extensions/details/seoquake-extension/?display=ru
  • SeoQuake Lite extension тот же плагин облегченной версии. Определяет лишь pr и Alexa rank, а также отображает ссылки с nofollow.
    Домашняя страница https://addons.opera.com/ru/extensions/details/seoquake-lite-extension/?display=ru


SEO плагины для Chrome

  • RSD бар  - плагин аналогичный расширению RSD для Оперы (см. выше)
    Домашняя страница https://chrome.google.com/webstore/detail/rds-bar/jlipcaflaocihnmlhnhcfombgmmfglho
  • WebRank SEO – аналог соответствующему плагину для Оперы.
    Установить https://chrome.google.com/webstore/detail/webrank-seo/mkhilblbmkdnapffblmecglknalglfji?hl=ru&brand=CHMA&utm_campaign=ru&utm_source=ru-ha-emea-ru-bk-ext&utm_medium=ha
  • Nofollow показывает ссылки, закрытые от индексации, выделяет их красной обводкой.
    Найдете здесь
  • Seoquake  определяет
    Google PageRank
    Индекс Google
    Yahoo ссылки
    Yahoo linkdomain
    Страниц в индексе
    Alexa Rank
    Whois
    Nofollow ссылки
    Установка https://chrome.google.com/webstore/detail/seoquake/akdgnmcogleenhbclghghlkkdndkjdjc
  • SEO для Chrome дает оценку индексации сайта, ссылочной массы и трафика. Минусы: нет показателей Яндекса.
    seo_for_chrome
    Ссылка https://chrome.google.com/webstore/detail/seo-for-chrome/oangcciaeihlfmhppegpdceadpfaoclj/related

SEO плагины для Firefox

  • SeoQuake Найдете здесь http://seoquake.com/
  • SearchStatus кроме определения важнейших сео-показателей, умеет определять плотность ключевых слов и ссылки с nofollow.
    Ссылка http://www.quirk.biz/searchstatus/
  • SEO для Firefox отображает показатели сайтов в выдаче Гугла и Yahoo наподобие действия плагина
    Seoquake. Устанавливаем здесь http://tools.seobook.com/firefox/seo-for-firefox.html
  • SEO blogger помогает пользователю блога на wordpress подобрать ключевые слова для новой статьи.
    Качаем здесь https://addons.mozilla.org/en-US/firefox/addon/seo-blogger/

SEO плагины для Internet Explorer

  • Simple Seo Solutions индексация выделенного фрагмента текста ведущими поисковиками, поиск внешних ссылок на странице, просмотр кода выделенного фрагмента.
    Установка http://www.design-sites.ru/utility/ie-context-html.php
  • SeoQuake все о плагине и установка здесь http://www.artaudit.ru/art/plugins_ie_seoquake
Читать далее ...

2016-04-11

Textual description of firstImageUrl

Школа Дениса Коновалова–быстрый старт на youtube

бесплатная школа Дениса Коновалова
Бесплатная школа Youtube Дениса Коновалова (ШКОЛА YT 3.0) – это онлайн обучение новичка азам создания канала на youtube, его продвижения и заработка. На сегодняшний день в школе нужно пройти 41 урок до выпускного экзамена, далее у выпускника открывается доступ к дальнейшим материалам школы. Каждый учащийся школы проходит уроки (в видео формате), выполняет домашние задания, которые проверяют сотрудники школы, и одновременно развивает свой канал на youtube. Все это совершенно бесплатно.
           кнопка
Вид аккаунта ученика школы YT 3.0:
школа YT 3.0
Статьи по теме:

По окончанию школы konoden и после успешной сдачи экзамена у вас появляются дополнительные бонусы и возможности:
  • багаж знаний, который поможет вам создать канал youtube и заработать на нем деньги.
  • вы получаете именной сертификат о прохождении школы YT 3.0,
  • вам присваивают вечный код доступа «Выпускник школы», который открывает доступ к дальнейшим урокам.
  • вы можете продолжить обучение в составе академии. Обучение в академии платное, но туда берут только выпускников школы YT 3.0.
  • вы можете стать партнером школы YT на выгодных условиях,
  • участие в коллаборации выпускников (коллаборация – взаимное продвижение каналов).
//
Неприятный момент – любой учащийся может быть отчислен из школы за неуспеваемость, так что к обучению нужно подойти максимально серьезно.
Что обещает Денис Коновалов (konoden) выпускнику школы при условии кропотливой работы над каналом?
Возможность заработка до 1000$ в месяц на канале, если уделять работе над каналом в течение 3-5 дней в неделю по 2 часа. Общая длительность работы над каналом, после которой появятся первые результаты от полугода до года. Вложения – без первоначального капитала.
школа Дениса Коновалова
Согласитесь, что это минимальные вложения для столь выгодного бизнеса.
кнопка
Почему нужно начинать бизнес на Youtube прямо сейчас?
  • невысокая конкуренция,
  • много неосвоенных ниш,
  • востребованность видеоформата,
  • возможность хорошего заработка.
В любом случае Школа YT – интересный проект, на который стоит обратить внимание. Если у вас нет планов заработка на youtube, но есть свой блог, то вы можете расширить свою аудиторию с помощью видеоконтента.

Мои впечатления от обучения в школе youtube

Я также прошла обучения в школе Дениса Коновалова. Целый месяц я слушала уроки и выполняла домашние задания. После прохождения выпускного экзамена получила именной сетификат:
сертификат школы Коновалова
У меня есть основной канал на Youtube, которым я занимаюсь уже года 4. На время обучения, я развивала второй канал, вораст которого – 1 год, до этого меня он мало интересовал, и ничем не наполнялся. Результаты продвижения канала – достиг уровня основного канала по посящаемости, приросту подписчиков в месяц, по цитируемости даже обогнал основной канал. Вот скриншот статистики за последние 365 дней:
статистика youtube
Кривая поползла вверх после начала работы над каналом. Сейчас я снова мало анимаюсь каналом из-за нехватки времени, поэтому мои результаты остановились на одном месте, но в ближайшее время я продолжу работу и буду расскаывать вам о своих результатах.
Смотрите видео обзор Школы Дениса Коновалова от самого автора проекта:
Читать далее ...

2016-04-03

Textual description of firstImageUrl

Слайдер для blogger

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


Этапы:
  1. Переходим во вкладку Шаблон –> изменить html, находим отрезок кода ]]></b:skin> и вставляем перед ним следующее:
    /*--Main Container--*/
    .main_view {
    float: left;
    position: relative;
    }
    /*--Window/Masking Styles--*/
    .window {
    height:250px; width: 500px;
    overflow: hidden; /*--Hides anything outside of the set width/height--*/
    position: relative;
    }
    .image_reel {
    position: absolute;
    top: 0; left: 0;
    }
    .image_reel img {float: left;}
    /*--Paging Styles--*/
    .paging {
    position: absolute;
    bottom: 40px; right: -7px;
    width: 178px; height:47px;
    z-index: 100; /*--Assures the paging stays on the top layer--*/
    text-align: center;
    line-height: 40px;
    background: url(http://1.bp.blogspot.com/-e-v9GYybZSg/TdcdITdapZI/AAAAAAAAD-I/RKqZRg0lSjU/s1600/paging_bg2.png) no-repeat;
    display: none; /*--Hidden by default, will be later shown with jQuery--*/
    }
    .paging a {
    padding: 5px;
    text-decoration: none;
    color: #fff;
    }
    .paging a.active {
    font-weight: bold;
    background: #920000;
    border: 1px solid #610000;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    }
    .paging a:hover {font-weight: bold;}
  2. Затем находим отрезок кода </head> и вставляем выше следующий код:
    <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js' type='text/javascript'/>
    <script type='text/javascript'>
    $(document).ready(function() {
    //Set Default State of each portfolio piece
    $(&quot;.paging&quot;).show();
    $(&quot;.paging a:first&quot;).addClass(&quot;active&quot;);
    //Get size of images, how many there are, then determin the size of the image reel.
    var imageWidth = $(&quot;.window&quot;).width();
    var imageSum = $(&quot;.image_reel img&quot;).size();
    var imageReelWidth = imageWidth * imageSum;
    //Adjust the image reel to its new size
    $(&quot;.image_reel&quot;).css({&#39;width&#39; : imageReelWidth});
    //Paging + Slider Function
    rotate = function(){
    var triggerID = $active.attr(&quot;rel&quot;) - 1; //Get number of times to slide
    var image_reelPosition = triggerID * imageWidth; //Determines the distance the image reel needs to slide
    $(&quot;.paging a&quot;).removeClass(&#39;active&#39;); //Remove all active class
    $active.addClass(&#39;active&#39;); //Add active class (the $active is declared in the rotateSwitch function)
    //Slider Animation
    $(&quot;.image_reel&quot;).animate({
    left: -image_reelPosition
    }, 500 );
    };
    //Rotation + Timing Event
    rotateSwitch = function(){
    play = setInterval(function(){ //Set timer - this will repeat itself every 3 seconds
    $active = $(&#39;.paging a.active&#39;).next();
    if ( $active.length === 0) { //If paging reaches the end...
    $active = $(&#39;.paging a:first&#39;); //go back to first
    }
    rotate(); //Trigger the paging and slider function
    }, 7000); //Timer speed in milliseconds (3 seconds)
    };
    rotateSwitch(); //Run function on launch
    //On Hover
    $(&quot;.image_reel a&quot;).hover(function() {
    clearInterval(play); //Stop the rotation
    }, function() {
    rotateSwitch(); //Resume rotation
    });
    //On Click
    $(&quot;.paging a&quot;).click(function() {
    $active = $(this); //Activate the clicked paging
    //Reset Timer
    clearInterval(play); //Stop the rotation
    rotate(); //Trigger rotation immediately
    rotateSwitch(); // Resume rotation
    return false; //Prevent browser jump to link anchor
    });
    });
    </script>
  3. Сохраните шаблон.
  4. Теперь перейдите во вкладку Дизайн, добавьте новый элемент HTML / javaScript и пропишите в нем:
    <div class="container">
    <div class="folio_block">
    <div class="main_view">
    <div class="window">
    <div class="image_reel">
     <a href=”Ваша ссылка 1”><img src="http://2.bp.blogspot.com/-1ot3ioCYwow/Tdcf3NzfIHI/AAAAAAAAD-Q/Ckavo7b8GMw/s1600/slider-image-1.jpg" alt="" /></a>

    <a href=”Ваша ссылка 2”><img src="URL изображения" alt="" /></a>

    <a href=”Ваша ссылка 3”><img src="http://4.bp.blogspot.com/-TCA28AlpMjI/Tdcf4MHoYuI/AAAAAAAAD-Y/NzvcJOrjM_4/s1600/slider-image-3.jpg" alt="" /></a>

    <a href=”ваша ссылка 4”"><img src="ссылка на изображение " alt="" /></a>
    <a href=”ваша ссылка 5”><img src="http://2.bp.blogspot.com/-0uxQB121U-A/Tdcf56FpJuI/AAAAAAAAD-g/ltXixg26NtM/s1600/slider-image-6.jpg" alt="" /></a>

    </div>
    </div>
    <div class="paging">
    <a href="#" rel="1">1</a>
    <a href="#" rel="2">2</a>
    <a href="#" rel="3">3</a>
    <a href="#" rel="4">4</a>
    <a href="#" rel="5">5</a>

    </div>
    </div>
    </div>
    </div>
    Последний код меняете так, как вам нужно, подставляя ваши ссылки и ссылки на нужные изображения.
Читать далее ...