2017-12-31

Textual description of firstImageUrl

Виджет Фейерверк для блога

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

Как установить виджет фейерверк для блога?

В редакторе блога найдите отрезок кода <body> и добавьте перед ним следующий код:

<script type="text/javascript">
// <![CDATA[
var bits=80; // how many bits
var speed=33; // how fast - smaller is faster
var bangs=5; // how many can be launched simultaneously (note that using too many can slow the script down)
var colours=new Array("#03f", "#f03", "#0e0", "#93f", "#0cf", "#f93", "#f0c");
//                     blue    red     green   purple  cyan    orange  pink
var bangheight=new Array();
var intensity=new Array();
var colour=new Array();
var Xpos=new Array();
var Ypos=new Array();
var dX=new Array();
var dY=new Array();
var stars=new Array();
var decay=new Array();
var swide=800;
var shigh=600;
var boddie;
if (typeof('addRVLoadEvent')!='function') function addRVLoadEvent(funky) {
  var oldonload=window.onload;
  if (typeof(oldonload)!='function') window.onload=funky;
  else window.onload=function() {
    if (oldonload) oldonload();
    funky();
  }
}
addRVLoadEvent(light_blue_touchpaper);
function light_blue_touchpaper() { if (document.getElementById) {
  var i;
  boddie=document.createElement("div");
  boddie.style.position="fixed";
  boddie.style.top="0px";
  boddie.style.left="0px";
  boddie.style.overflow="visible";
  boddie.style.width="1px";
  boddie.style.height="1px";
  boddie.style.backgroundColor="transparent";
  document.body.appendChild(boddie);
  set_width();
  for (i=0; i<bangs; i++) {
    write_fire(i);
    launch(i);
    setInterval('stepthrough('+i+')', speed);
  }
}}
function write_fire(N) {
  var i, rlef, rdow;
  stars[N+'r']=createDiv('|', 12);
  boddie.appendChild(stars[N+'r']);
  for (i=bits*N; i<bits+bits*N; i++) {
    stars[i]=createDiv('*', 13);
    boddie.appendChild(stars[i]);
  }
}
function createDiv(char, size) {
  var div=document.createElement("div");
  div.style.font=size+"px monospace";
  div.style.position="absolute";
  div.style.backgroundColor="transparent";
  div.appendChild(document.createTextNode(char));
  return (div);
}
function launch(N) {
  colour[N]=Math.floor(Math.random()*colours.length);
  Xpos[N+"r"]=swide*0.5;
  Ypos[N+"r"]=shigh-5;
  bangheight[N]=Math.round((0.5+Math.random())*shigh*0.4);
  dX[N+"r"]=(Math.random()-0.5)*swide/bangheight[N];
  if (dX[N+"r"]>1.25) stars[N+"r"].firstChild.nodeValue="/";
  else if (dX[N+"r"]<-1.25) stars[N+"r"].firstChild.nodeValue="\\";
  else stars[N+"r"].firstChild.nodeValue="|";
  stars[N+"r"].style.color=colours[colour[N]];
}
function bang(N) {
  var i, Z, A=0;
  for (i=bits*N; i<bits+bits*N; i++) {
    Z=stars[i].style;
    Z.left=Xpos[i]+"px";
    Z.top=Ypos[i]+"px";
    if (decay[i]) decay[i]--;
    else A++;
    if (decay[i]==15) Z.fontSize="7px";
    else if (decay[i]==7) Z.fontSize="2px";
    else if (decay[i]==1) Z.visibility="hidden";
    if (decay[i]>1 && Math.random()<.1) {
       Z.visibility="hidden";
       setTimeout('stars['+i+'].style.visibility="visible"', speed-1);
    }
    Xpos[i]+=dX[i];
    Ypos[i]+=(dY[i]+=1.25/intensity[N]);
  }
  if (A!=bits) setTimeout("bang("+N+")", speed);
}
function stepthrough(N) {
  var i, M, Z;
  var oldx=Xpos[N+"r"];
  var oldy=Ypos[N+"r"];
  Xpos[N+"r"]+=dX[N+"r"];
  Ypos[N+"r"]-=4;
  if (Ypos[N+"r"]<bangheight[N]) {
    M=Math.floor(Math.random()*3*colours.length);
    intensity[N]=5+Math.random()*4;
    for (i=N*bits; i<bits+bits*N; i++) {
      Xpos[i]=Xpos[N+"r"];
      Ypos[i]=Ypos[N+"r"];
      dY[i]=(Math.random()-0.5)*intensity[N];
      dX[i]=(Math.random()-0.5)*(intensity[N]-Math.abs(dY[i]))*1.25;
      decay[i]=16+Math.floor(Math.random()*16);
      Z=stars[i];
      if (M<colours.length) Z.style.color=colours[i%2?colour[N]:M];
      else if (M<2*colours.length) Z.style.color=colours[colour[N]];
      else Z.style.color=colours[i%colours.length];
      Z.style.fontSize="13px";
      Z.style.visibility="visible";
    }
    bang(N);
    launch(N);
  }
  stars[N+"r"].style.left=oldx+"px";
  stars[N+"r"].style.top=oldy+"px";
}
window.onresize=set_width;
function set_width() {
  var sw_min=999999;
  var sh_min=999999;
  if (document.documentElement && document.documentElement.clientWidth) {
    if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
    if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
  }
  if (typeof(self.innerWidth)!="undefined" && self.innerWidth) {
    if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
    if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
  }
  if (document.body.clientWidth) {
    if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
    if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
  }
  if (sw_min==999999 || sh_min==999999) {
    sw_min=800;
    sh_min=600;
  }
  swide=sw_min;
  shigh=sh_min;
}
// ]]>
</script>
Читать далее ...

2017-12-23

Textual description of firstImageUrl

Кнопка Pinterest на изображениях блога

Кнопка Pinterest на изображениях блога
Pinterest – очень популярная зарубежная социальная сеть изображений. Здесь пользователи делятся интересными картинками, ссылки с которых ведут на сайты-источники. С этой сети можно получить хороший трафик. Я хочу поделиться с вами скриптами, которые добавят на ваши изображения вашего блога кнопки pinterest.
1 способ добавления кнопки Pinterest (pin in) на изображения:
Для Blogger – добавьте код перед тегом </body> в редакторе html кода Шаблона блога.
Для wordress – можете добавить виджет Текст и добавить в него скрипт:
<script type="text/javascript" data-pin-hover="true" src="//assets.pinterest.com/js/pinit.js"></script>
Теперь при наведении курсора на картинку в левом верхнем углу будет всплывать кнопка pinterest:
Кнопка Pinterest на изображениях блога
2 способ
Скрипт добавляем также, как и в первом способе (в тело шаблона блога). Только код скрипта другой:
/*
<script>
//<![CDATA[
var bs_pinButtonURL = "http://3.bp.blogspot.com/-y3xzTGiGzH0/UK4XOaUpdaI/AAAAAAAADw8/Z1MH4Jr4Efo/s1600/pinterestx1_72.png";
var bs_pinButtonPos = "center";
var bs_pinPrefix = "";
var bs_pinSuffix = "";
//]]>
</script>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'></script>
<script id='bs_pinOnHover' src='http://greenlava-code.googlecode.com/svn/trunk/publicscripts/bs_pinOnHoverv1_min.js' type='text/javascript'>
</script>
Этот код добавляет кнопку Pin it в центральную часть каждого изображения. Возможно другое размещение кнопки. Для этого замените значение var bs_pinButtonPos = "center"; на:
  • topleft – сверху слева,
  • topright – сверху справа,
  • bottomleft – снизу слева,
  • bottomright – снизу справа.
Вы можете поменять кнопку Pinterest на собственную. Для этого измените прямую ссылку на изображение-кнопку (выделена в желтым) на другую.
Если вы хотите указать более точное значение расположение кнопки, то в шаблоне блога blogger добавьте код .pinit-wrapper {margin:-10px;} перед тегом ]]</b:skin>
pinterest-blogger
Заключение. Не зависимо от того, каким способом вы добавили кнопку pinterest на изображение, вы можете удалить кнопки с картинок, на которых не хотите видеть этой кнопки. Например, изображение профиля, ваши личные фото и пр.
Для этого в редакторе html отдельного сообщения добавьте к коду изображения nopin=”nopin”:
Кнопка Pinterest на изображениях блога
скриншот кликабелен
Читать далее ...

2017-12-12

Textual description of firstImageUrl

Как накрутить лайки бесплатно

накрутить лайки бесплатно
Зачем нужна накрутка лайков? Это, конечно же каждый решает сам за себя – кто-то использует это для продвижения сайта в поисковиках, кто-то пытается выиграть конкурс,
Читать далее ...

2017-12-11

Textual description of firstImageUrl

Переезд блога на новый домен Blogger

переезд на новый доменМой блог был некоторое время недоступен, что связано с переездом на новый домен второго уровня. Теперь адрес моего блога - mycrib.ru, но он будет доступен и по старому адресу, так как настроена автоматическая переадресация. mycrib в переводе означает “моя шпаргалка”.
Причины переезда:

  • надоел старый домен, который не отражал тематики блога, был длинным и неудобным.
  • домен второго уровня все же престижнее третьего.
  • есть мнение, что блоги blogspot, которые переехали на свой домен не уходят в бан.
  • возможность реабилитации перед Яндексом.
Для переезда блога я воспользовалась сервисом reggi.ru. Здесь же я купила доменное имя за 150 рублей в год. Переезд с помощью reggi.ru блогов blogspot и liveinternet автоматизированный. Достаточно лишь зарегистрироваться, купить домен и произвести специальные настройки на сервисе и в настройках админ. панели своего блога. Теперь подробнее расскажу о переезде блога на новый домен.
Сервис reggi.ru поддерживает 2 языка – английский и русский. Для перевода на русский язык нужно нажать на ссылку ru в правом верхнем углу сервиса. Это значительно облегчит работу с сервисом. В личном кабинете вы видите список купленных вами доменов. Далее переходите по ссылке нового домена. На этой странице вы увидите специальную кнопку для переезда блогов blogger, liveinternet и tumblr на новый домен.
автоматическая переадресация
Последнее действие на этой же странице сервиса reggi.ru – нажать на кнопку
Теперь идем в админку блога blogspot Настройки – Публикация. Напротив адреса блога жмем на ссылку изменить. Здесь пишем адрес блога, начиная с www. Ставим галочку напротив пункта Переадресовать мойсайт..ru на www.мойсайт.ru.
новый_домен_блога
Блог будет доступен по новому адресу в течении 48 часов.
Неприятные моменты после переезда блога:
  • исчезли все комментарии (до этого пользовалась системой комментирования disqus). Пришлось удалять эту систему. Причем комментарии, которые были написаны до ее установки сохранились, а более поздние восстановить можно только вручную, что довольно хлопотно.
  • на время исчезает индексация поисковых систем.
  • теряются показатели ТИЦ и pr блога (говорят, что они восстанавливаются в течении 2 месяцев). Посмотрим...
  • не работает поиск по блогу. Думаю, что это тоже временное явление (до тех пор, пока блог не индексируется google по новому адресу.
  • из мелочей – необходимость переустанавливать статистику liveinternet на новый адрес.
Однако посещаемость блога после переезда не уменьшилась, большинство посетителей также идет с google благодаря переадресации со старого адреса на новый домен. Выводы пока делать рано. Посмотрим как отреагирует на переезд Яндекс. В планах прикрутить поддомен этого домена к своему форуму на ucoz, что объединит эти два проекта.
P.S. Пока писала эту запись Google уже проиндексировал все записи этого блога по новому адресу, т.е. индексация Google произошла в течении первых суток после переезда блога на новый адрес.
Читать далее ...

2017-12-07

Textual description of firstImageUrl

Виджет “Летающий Санта”

летающий санта
На этом анимированном скриншоте показана работа новогоднего скрипта (виджета) для блога – “летающий Санта Клаус”. Это всего лишь отрывок, на самом деле, при установки данного виджета Санта Клаус будет летать по вашей веб-странице (сайту или блогу). При нажатии же на Санту – ваш посетитель будет попадать на ваш твиттер. Но для начала Санту нужно поймать, а это не всегда легко))
При остановке скроллинга страницы, Санта останавливается, при прокручивании страницы – он начинает движение снова.
К наступающим новогодним праздникам вам могут пригодиться следующие новогодние виджеты для сайта
Ознакомьтесь с подборкой твиттер-виджетов
Предлагаю вам виджет с Сантой двух видов:
  1. Санта бежит с мешком за плечами
    новогодний виджет санта
    Скрипт для установки в блог:
    /*
    <script type="text/javascript" src="https://photoforum.do.am/santa1.js"></script>
    <script type="text/javascript">
    var twitterAccount = "Vgrafike";
    tripleflapInit();
    </script>
  2. Санта Клаус катается на коньках.
    второй виджет для сайта - Санта Клаус на коньках
    Код скрипта:
    <script type="text/javascript" src="https://photoforum.do.am/santa2.js"></script>
    <script type="text/javascript">
    var twitterAccount = "Vgrafike";
    tripleflapInit();
    </script>
Как вставлять скрипты в блог:
  1. В блог Blogger – добавьте один и скриптов в гаджет HTML/Javascript. Отредактируйте строчки “Vgrafike” на свой логин в твиттере.
  2. Для вставки на wordpress – добавьте код в виджет “Текст”, предварительно изменив выделенное желтым на свой твиттер-логин.
Читать далее ...

2017-12-06

Textual description of firstImageUrl

Выпадающее меню HTML

Такое выпадающее меню очень компактно, экономит место на вашем блоге. В то же время вы можете сделать достаточно большой список ссылок на внутренние страницы вашего блога.
Простое выпадающее меню для blogger можно создать двумя способами.
Первый способ наиболее простой. Вы добавляете код в гаджет HTML/Javascript следующего вида:

<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"
size=1 name=menu>
<option>- Название меню -</option><option value="http://URL">Имя URL</option>
<option value=http://URL1> Название страницы 1</option>
<option value=http://URL2> Название страницы 2option>
<option value=http://URL3> Название страницы 3option>
</select></form>
В коде вам нужно лишь прописать название страниц блога и указать ссылки на соответствующие страницы.
Вы также можете создать выпадающее меню для своего блога, подобрав цвет выпадающего окна и цвет текста под оформление вашего дневника.
меню
Код такого меню будет сложнее, но и в нем не сложно разобраться.
Сначала идем в редактирование шаблона html.
Здесь ищем при помощи поиска (Ctrl + F) </head> и перед ним вставляем следующий код CSS:

<style type="text/css">
.cb_mnu_01{
    width: 200px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    background: #A40000; <!—цвет фона выпадающего меню—>
    color: #000000; <!—цвет ссылок—>
}
</style>
<script language="JavaScript" type="text/JavaScript">
<!--
function HDD_Menu(targetpage,selected){
if (selected.options[selected.selectedIndex].value!=""){  eval(targetpage+".location='"+selected.options[selected.selectedIndex].value+"'");
}}
//-->
</script>
Вы можете поменять цвет фона меню и ссылок. Подобрать нужный цвет вы можете, воспользовавшись программой ColorPic.
Теперь выберите страницы и сообщения, которые будут входить в ваше выпадающее меню, дайте им названия и скопируйте ссылки и вставьте в следующий код html:
<select name="DropMenu1" onChange="HDD_Menu('parent',this)" class="cb_mnu_01">
<option value="/" >Главная</option>
<option value="ссылка 1" >страница 1</option>
<option value="ссылка 2" >страница 2</option>
</select>
Читать далее ...
Textual description of firstImageUrl

Фиксированный виджет на Blogspot

фиксированный-гаджет
Фиксированные гаджеты на странице blogspot не перемещаются при скролинге страницы, а приклеиваются к верхней части страницы. Вы можете фиксировать те гаджеты, на которые хотите обратить внимание ваших посетителей, например, важные объявления.
Читать далее ...

2017-12-02

Textual description of firstImageUrl

Интересные твиты по мнению www.

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

2017-11-29

Textual description of firstImageUrl

Виджет Google Plus на любой сайт

виджет гугл плюс
Вы уже видели новый гаджет “значок Google+”, который доступен для всех пользователей blogspot, которые поменяли профиль Blogger на Google+. Однако вы можете добавить виджет гугл+, не изменяя профиль, а также добавить значок и на другие платформы блогов.
Рассмотрим два способа добавления виджета Google Plus на страницы блога.
  1. Первый способ подходит для блогеров любых площадок (blogger, wordpress, joomla, ucoz и др). Вам нужно пройти по адресу https://developers.google.com/+/web/badge/ 
    Для удобства переведите страницу на русский язык (для этого прокрутите страницу вниз и правом нижнем углу выберите язык)
    русский язык
    Теперь выберите нужные настройки виджета:
    • выберите пользователя (если у вас несколько профилей, страниц или добавьте сторонний профиль гугл+)
    • ориентация может быть как вертикальной, так и горизонтальной,
    • выберите нужный размер виджета, перемещая ползунок по шкале.
    • цветовая гамма,
    • наличие обложки,
    • тект.
      настройка виджета значок гугл+

      Вы можете заглянуть и в дополнительные настройки.
      Теперь, когда с настройками закончили, скопируйте код и вставьте его в гаджет HTML / Javascript на Blogger или в элемент Текст на wordpress.

      Если вы выбрали этот способ для добавления значка гугл+ на страницы Blogger, то в этом случае у вас появится лишняя внешняя ссылка. Ее легко убрать в шаблоне блога – найдите отрезок кода <b:include name='quickedit'/> в коде гаджета и удалите его.
  2. Второй способ подходит только для блогеров Blogspot.
    В Дизайне странице добавляем новый гаджет “Значок Google +”:
    значок гугл+

    Вы сразу попадете в настройки виджета:
    настройка значка гугл+

    Сохраните изменения.
Читать далее ...

2017-11-24

Textual description of firstImageUrl

Черная пятница онлайн. Скидки и распродажи

Black-Friday
Сегодня началась крупнейшая распродажа Black Friday (Черная пятница). Уже вошедшая в привычку ежегодная распродажа товаров по сниженным ценам, в 2017 году черная пятница состоится 24 ноября. Обычно эта грандиозная акция начинается днем раньше (в четверг) и длится 3 дня. В ней принимают участие большинство крупных магазинов, которые зарекомендовали себя с положительной стороны и тысячи мелких онлайн магазинов, а также порталов, предлагающих платные услуги.
Важно, не слепо покупать товары или заказывать услуги, а обращать внимание на цены. Многие недобросовестные продавцы проводят манипуляции с ценами, заранее повышая стоимость товаров, чтобы сделать видимость достойной “скидки”. Лучше накануне мониторить цены на интересующие продукты.
В этой статье я расскажу о некоторых магазинах, поддерживающих скидочную лихорадку, и, конечно, учитывая тематику моего блога, сделаю упор на сервисах, полезных вебмастеру.
Aliexpress – пожалуй, один из самых популярных онлайн магазинов, на котором совершают покупки в черную пятницу. Это и не случайно, огромное количество гаджетов, бытовой техники, одежду, детские товары и многое другое можно приобрести по сравнительно низким ценам. Если подойти грамотно с днем распродажи, то можно дополнительно сэкономить. Однако, некоторые недобросовестные продавцы могут значительно “играть" с ценами в день черной пятницы. Так что будьте внимательны! Учитывая достаточно долгую доставку из магазина, то выбирать подарки к Новому году нужно уже сейчас.
Примечание. Если вы покупаете на aliexpress или на другом крупном онлайн магазине, то полезно пользоваться сервисами кэшбек (они дают скидку, если вы покупаете через их сервис). К сервисами кэшбека относится letyshops. Во время проведения распродажи на черную пятницу, сервис традиционно повышает размер кэшбека.
Другие онлайн магазины, поддерживающие добрую традицию проведения Black Friday:
Это был лишь краткий обзор популярных магазинов, участвующих в распродаже. Вы можете его дополнить списком своих любимых интернет-магазинов. Следующий список онлайн площадок будет больше полезен блогерам и вебмастерам.

Black Friday для блогеров

Litres – в день Black Friday можно выбрать книги по сниженным ценам. Покупая электронные книги, вы убиваете двух зайцев – экономите деньги и место в книжном шкафу. Кроме ежегодной распродажи, на литрес сегодня проходит акция 3+1 – покупая 3 книги, четвертая – в подарок (подробные условия акции на сайте). Как раз сегодня я воспльзовалась скидками и приобрела 3 книги на общую сумму 479 рублей и выбрала в подарок детскую книгу:
книга-в-подарок
Я считаю, что блогер должен постоянно развиваться. Развивать свою речь, грамотность, получать новую информацию. Лучшим образом это можно сделать, регулярно читая книги. Кстати, на книги издательства “Манн, Иванов и Фербер”, некоторые из них я освещала в своем блоге, в Черную пятницу скидка – 40%.

Блогерам знание языка помогает искать новые идеи для статей, для этого нужно иметь навык перевода статей или знать технику перевода аудио на английском языке в русский текст. Поэтому для всех, кто изучает язык, я предлагаю ознакомиться с сервисами по изучению английского, которые предлагают скидки в Черную пятницу:
Lingualeo – имеет отличные инструменты для запоминания английских слов, наборы текстов, аудио, видео на английском языке, курсы грамматики и многое другое предлагается за 845 рублей в год.
Puzzle-english – этот сайт использует свои плюшки, помогающие изучению английского языка. В день Black Friday купить абонемент на год можно всего за 690 рублей. за эту же цену можно купить Puzzle Movies и тренировки слов на 1 год.
Блогерам на Wordpress можно купить качественную тему или плагин от разработчиков WP Puzzle с 30% скидкой. При оформлении заказа нужно ввести код купона: BLCKFRD302017
Все виды купонов и распродаж в Черную Пятницу для продвинутых SMM-мщиков:

Если вы ведете рассылку на Sendpulse, то сегодня там предусмотрена ссылка 35% при покупке на год.
Calameo.com – сайт для хранения ваших электронных публикаций, предлагает скидку 30% для платного тарифа по купону: Friday17
Платные виджеты для Blogger и wordpress вы можете приобрести с 50% скидкой в день распродажи на сайте Getsitecontrol по купону: BLACKFRIDAY50 Описание этих виджетов, которые ограниченно можно использовать бесплатно читайте в статье “красивые виджеты для обратной связи”.
Качественные плагины от Sumo для блога на любой площадке, в том числе и для Blogger, можно приобрести сегодня со скидкой 50%.
Скидку 70% на регистрацию доменов вы можете получить на beget.com. Покупка одного домена вам обойдется в 57 рублей! Спешите, акция распространяется только на период с 00:00 24 ноября 2017 года до 23:59 26 ноября 2017 года.
На timeweb.com предлагает следующие акции на период с 20 ноября до 03 декабря 2017 года: при оплате годового тарифа при вводе купона BLACKFRIDAY, вы получите еще месяц хостинга в подарок. При переносе блога с другого хостинга и при оплате на год, вам подарят еще 3 бесплатных месяца.
Надеюсь, что мой перечень акций, проводимых в день Черной Пятницы 2017 года был вам полезен. Если вам есть чем его дополнить, то пишите комментарии!
Читать далее ...

2017-11-20

Textual description of firstImageUrl

Ads.txt–вы рискуете потерять доходы

ads.txt - вы рискуете потерять доходы

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

Вы рискуете потерять доходы – Один или несколько файлов ads.txt не содержат сведений об идентификаторе издателя AdSense

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

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


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

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

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

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

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

Что делать вебмастерам бесплатных доменов

Если вам не пришло уведомление, то делать ничего не нужно.
Если у вас сайт на ucoz с доменом третьего уровня, то вам следует задуматься о приобретении собственного домена. Если это решение вас по каким-то причинам не устраивает, то:
  1. ищите другие способы монетизации сайта,
  2. обратитесь в службу поддержки ucoz. Эту проблему наверняка решают.
  3. Ждите, когда Adsense разрешит добавлять ads.txt на домены третьего уровня.
Про случаи появления статуса у блогеров Blogger я пока не слышала, надеюсь, что их не затронет эта проблема, так как без изменения функционала Blogger, она станет нерешаемой для для тех блогеров, которые  прикрепили домен второго уровня.

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

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

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

2017-11-17

Textual description of firstImageUrl

Древовидные комментарии от intensedebate в Blogger

intersedebate
   Альтернативой древовидных комментариев disqus является система комментирования, предложенная сервисом  intensedebate.com. Она имеет свои преимущества и недостатки в сравнении с системой комментирования disqus.
Во-первых, различаются внешним видом. Многим пользователям, согласно опросам, проводимым в сети, больше нравится дизайн комментариев от  intensedebate. ..
Во-вторых, форма комментариев intensedebate полностью русифицирована и понятна всем пользователям. Часто сталкиваешься с тем, что посетители не знают как отправить комментарий. Даже простые вещи многих пользователей ставят в тупик.
В-третьих, установка системы комментариев intensedebate, на мой взгляд, более простая, в отличие от disqus.
Минусы системы:
Старые комментарии не возможно сохранить и перенести в новую систему. Однако есть альтернативный выход – добавить систему лишь к сообщениям, не имеющим комментариев. Как это сделать читайте в этой статье.

Этапы установки комментариев intensedebate

  1. Регистрация в системе. Заполните поля формы: имя (в дальнейшем сможете поменять в настройках профайла), e-mail, пароль. Выберите второй пункт – I want to install intensedebate jn my blog or website. Таким образом вы указываете цель регистрации (установка intensedebate в блог).
    регистрация в intensedebate
  2. Подтвердите регистрацию, перейдя по ссылке в письме, которое придёт на указанный адрес e-mail:
     регистрируемся intensedebate
  3. Добавляем блог в систему. Во вкладке Extras пункт Badges перейдите по ссылке install intensedebate
    3_шаг                  Впишите в окошко адрес вашего блога:
    4_шаг
  4. Далее автоматически попадаете на страницу установки системы комментирования от intensedebate. Здесь вам предстоит выбрать к каким записям блога добавить комментарии (ко всем или только к записям, не имеющим комментариев) и каким способом установить систему комментирования из двух предложенных – через виджет blogger или путем редактирования шаблона. Предпочтителен второй способ, так как установленная система через виджет дольше подгружается.
    установка_системы_комментирования_intensedebate
  5. Перейдите в административную панель блога во вкладку шаблоны и загрузите код шаблона, используя кнопку резервного копирования шаблона
    2011-11-17_1135
  6. На сайте  intensedebate.com загружайте шаблон.
    загружаем_шаблонЗатем сервис автоматически выдаст вам готовый код шаблона, который вам нужно заменить в админке blogger (вкладка шаблоны –> редактировать html)
  7. Русифицируем систему комментирования. На сайте intensedebate.com активируйте вкладку My Account, выберите настройки блога (settings)
    5_шаг

    язык
    Такая форма комментирования у нас получилась:

    2011-11-17_1151
Во вкладке Plugins вы сможете настроить систему комментирования по вашему вкусу, добавив нужные плагины. Например, можно активировать вставку смайлов, роликов YouTube и другие функции.
Смотрите видеоурок по установке этой системы комментирования в blogger.
Читать далее ...

2017-11-11

Textual description of firstImageUrl

Программы для извлечения текста с картинки

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

Программы для распознания текста с картинки

Первая программа – GT Text. Эта программа позволяет распознать текст с изображений в форматах JPEG, PNG, TIFF, GIF, BMP. Программа совместима с Windows XP, Vista and 7.
Скачайте GT Text по ссылке, из предложенного списка выберите самое последнее обновление:
скачать бесплатно программу для извлечения текста с картинки
После установки, вам будет предложено открыть изображение, вы можете также открыть картинку с программе, нажав на иконку “папка”-> выбираем файл:
извлечь текст с картинки
Для корректной работы программы, необходимо установить распознавание текста на русском языке. Есть поддержка украинского языка. File –> Preferences:
настройка программы для распознавания текста
Жмите add languages:
выбор языка
Откройте список и выберите пункт “Download and install Russian lnquage data” –> установить:
русский / украинский язык для текста с картинки
Теперь из выпадающего меню выберите русский язык:
русский / украинский  язык текст с картинки
Программа готова к использованию!
При активной кнопке выделения, выбирайте область текста по диагонали с левой верхней части до нижней правой области текст. Отпустив мышку, автоматически появится окно с распознанным текстом. Нажмите “Продолжить” –> текст скопируется в буфер обмена.
Еще одна программа для распознания текста - CuneiForm 12. Скачать программу с облака mail.ru. Эта программа предназначена для сканирования и распознавания текста с картинки. По моим наблюдениям, эта программа лучше извлекает текст (по сравнению с GT Text), если на исходном скане нет изображений и таблиц, а лишь простой текст. При этом программа сохраняет все пробелы и знаки препинания. Если же исходный файл содержит кроме текста, таблицы, изображения, значки и пр, то лучше использовать GT Text. Положительным моментом CuneiForm 12 является ее русскоязычный интерфейс. В программе можно поворачивать изображение, редактировать распознанной текст, есть удобный мастер распознавания.
Как пользоваться CuneiForm 12.
Также, как и в GT Text, открытие файла с помощью иконки “открытая папка”:
CuneiForm 12 извлечение текста с картинки
Теперь выбираем иконку “циркуль” (авторазметка):
авторазметка текста CuneiForm 12
Теперь – иконка “очки” (распознать):
распонать текст CuneiForm 12
Читать далее ...

2017-10-31

Textual description of firstImageUrl

Теги HTML5

теги html5
HTML5 является пятым пересмотром HTML стандартов, который был создан в 2004 году, но заслужил особое внимания лишь в 2010 году, после выступления Стива Джобса с докладом, в котором он предлагает использовать  html5 как альтернативу flash. HTML5 направлен ​​на улучшение World Wide Web языка с поддержкой новейших мультимедийных возможностей. Если раньше это достигалось с помощью сторонних приложений, в настоящее время реализуется непосредственно через HTML код.  Давайте рассмотрим основные новые теги HTML5.
Сайт, созданный на html5 отличает прежде всего доктайп. Он выглядит так:
<!DOCTYPE html>
Посмотрите код страницы сайта на HTML5. Смотрите также примеры лучших сайтов HTML5.
1. <video>
Благодаря HTML5, веб-пользователи могут забыть о неприятном плагине Flash. Специальный тег <video> позволяет веб-мастерам вставлять видео без каких-либо дополнений со стороны пользователя. Обратите внимание на простейший код для видео HTML5:
<video src=”/myvideo.mp4″></video>
Или этот код может выглядеть следующим образом:
<video width=”640″ height=”480″ controls autoplay preload>
<source src=”myvideo.mp4″ type=’video/mp4; codecs=”avc1.42E01E, mp4a.40.2″‘>
<source src=”myvideo.webm” type=’video/webm; codecs=”vp8, vorbis”‘>
<source src=”myvideo.ogv” type=’video/ogg; codecs=”theora, vorbis”‘>
<p>Если вы не видите видеоплеера, значит ваш браузер не поддерживает html5 .</p></video>
2. <audio>
Как и в <video> теги, <audio> позволяет вставлять аудио файлы без стороннего программного обеспечения. HTML5 поддерживает следующие форматы аудио файлов: MP3, OGG и WAV аудио. Код выглядит следующим образом:
<audio src=”sound.mp3″ controls autoplay loop></audio>
Среди параметров, которые вы можете добавить к аудио-плеер есть автозапуск (autoplay), повтор (loop), панель управления (control), одновременная загрузка вебстраницы и файла (preload).
Кроме того, рекомендуется следующий код вставки аудио :
<audio controls>
    <source src="audio/music.ogg" type='audio/ogg; codecs=vorbis'>
    <source src="audio/music.mp3" type="audio/mpeg">
    Если вы не видите аудиоплеера, значит ваш браузер не поддерживает html5  </audio>

3. HTML5 вводит интересный тег <canvas>, который позволяет владельцам веб-сайтов,  создавать очень привлекательный дизайн. Он предназначен для встраивания графических элементов. Этот тег также лежит в основе разработки игр HTML5. Основным инструментом здесь является JavaScript.
Код:

<canvas id="идентификатор">
</canvas>
4. <article>
Внутри  <article> заключается статья, заметка, описание или другое содержание сайта. Это лучший HTML5-вариант  с точки зрения SEO. Возможно, поисковые системы будут уделять больше веса на текст, который содержится внутри  <article>, чем на другие части веб-страницы. Тег <article> снижает необходимость использования тегов <div>.
<article>
<h1>Заголовок статьи</h1>
<p>Статья...</p>
</article>
5. <section>
Если блог был разбит на несколько разделов, то каждый раздел может быть заключен между тегами <section>. Главным преимуществом является то, что каждый раздел может иметь свой собственный заголовок HTML. Как и в случае с <article> тегами, можно предположить, что поисковые системы будут обращать больше внимания на содержание отдельных разделов. Например, если ключевые фразы, находятся в одном разделе, то это подразумевает более высокую релевантности по сравнению с тем, когда эти слова встречаются по всей странице или в разных разделах.
<article>
<h1>Заголовок</h1>
<section><h4>What We Do</h4>
<p>Содержимое абзаца…</p></section>
<section> <h4>Подзаголовок</h4>
<p>Еще абзац…</p></section>
<section><h4>Contact Us</h4>
<p>Абзац…</p></section>
</article>

6. <header>
<header> тег определяет заголовок документа, раздела или статьи.  Теги <header> также значимы для SEO. Их можно сравнить с  <H1>, но разница в том, что он может содержать много элементов, таких как H1, H2, H3 теги, целые абзацы текста, ссылки (и это важно для SEO), и любую другую информацию.
Синтаксис:
<header>
<h1>Заголовок</h1>
<p><time pubdate datetime=”2011-03-15″></time></p>
</header>

Существуют также теги HTML5 <footer>, который может быть не так важен, как <header>, но все-таки он может содержать важную информацию, и она может быть использована для целей SEO. Здесь обычно содержится информация об авторе документа, об авторском праве, ссылки на условия использования, контактную информацию и т.д.
Синтаксис:
<footer>
<p>@<a href=”http://www.mycrib.ru/”>Азбука блоггера</a>. Все права защищены</p>
<p><time pubdate datetime=”2012-06-01″></time></p>
</footer>
7 . <nav>
<nav> предназначен для создания навигации по сайту. Виды использования:
  • Главной навигации сайта,
  • для создания предыдущий / следующий ссылки статьи
  • для нумерации.
Однако, не все ссылки документа должны быть заключены между тегами <nav> и </nav> Элемент предназначен только для основного блока навигационных ссылок.

<nav>
<a href=”/html/”>HTML</a> |
<a href=”/html5/”>HTML5</a> |
<a href=”/css/”>CSS</a> 
<a href=”/css3/”>CSS3</a> |
<a href=”/js/”>JavaScript</a>
</nav>

8 . <button>
С помощью <button> создают интерактивные кнопки. Внутри <button> элемента вы можете заключить текст или изображение,а также  применить JavaScript. Вот пример:
<button name=”aName”>текст кнопки</button>
Тег может содержать разные атрибуты.
9. <cite>
Теги HTML5 <cite&gt; используется для обозначения цитат.  Обычно текст, заключенный в теги <cite> браузер отображает, используя курсив. Он может быть использован сам по себе или вместе с одним из цитату <q> и <blockquote>:
<cite title=”заголовок, описание цитаты”>Цитата</cite>
10. <aside>
<aside> указывает, на то, что окружает содержимое статьи или веб-страницы. Чаще всего, это информация боковой колонки сайта.
Синтаксис:
<aside>
Содержимое боковой колонки, сайдбара
</aside>
HTML5 - язык будущего для создания web-страниц. Он удобный, функциональный. С ним изготовление сайтов становится более простым и комфортным.
Читать далее ...