2015-07-22

Мобильные кнопки социальных сетей от Uptolike

мобильные-кнопки-uptolike-для-сайта
Сервис Uptolike предлагает адаптированные под мобильные устройства кнопки социальных сетей. Таким образом, устанавливая кнопки от Uptolike, вы убиваете двух зайцев – кнопки будут отлично смотреться, как в мобильном интерфейсе, так и на десктопной версии сайта. Это красивые кнопки  расположены в виде панели в нижней части мобильного сайта. На ней кроме популярных социальных сетей можно разместить кнопки популярных мобильных приложений, таких как whatsapp, 4talk, evernote. Прим. сервис социальных сигналов Addthis также предлагает мобильные кнопки..
Внешний вид кнопок от uptolike на телефоне:
мобильные кнопки uptolike

Как сгенерировать кнопки от Uptolike

/*
  • Переходим на страницу сервиса, проходим несложную регистрацию.
  • Нажимаем на кнопку “Создать проект”
    создать проект uptolike
  • Выбираем раздел “Поделиться”
    блок поделиться - мобильные кнопки социальных сетей
  • Начинаем настройку проекта
    В верхней части вы увидите радел “Социальные сети”. Отметьте галочками те, которые хотите видеть на своей десктопной версии сайта. Если вы нажмете на ссылку “Еще социальные сети”, то перед вами откроется весь список.
    социальные кнопки в мобильном интерфейсе
  • Далее идет часть настроек “Мобильный вид”. Именно ее мы будем настраивать, чтобы кнопки стали отображаться в мобильном интерфейсе.
    адаптируем социальные кнопки для мобильных устройств
    Не снимайте галочку с пункта “Адаптировать для мобильных устройств”. Теперь нажмите на ссылку “Настроить социальные сети” и выберите какие кнопки будут показываться на мобильных устройствах.
  • “Дополнительные настройки”
    дополнительные настройки социальных кнопок
    Цитирование – это возможность цитаты в социальную сеть (со ссылкой на ваш сайт) выделенного участка текста.
    Кнопка “Наверх” – добавление кнопки Наверх в панель к социальным кнопкам.
    “Отключить кнопку “…” – галочка отключит возможность выбора остальных социальных сетей.
    ”показать всплывающее окно с предложением подписаться” – поможет вам быстро набрать аудиторию для своей группы vk, facebook и др.
  • Выберите расположение блока:
    расположение блока uptolike
    они могут располагаться на боковой панели или среди текста (в контенте, например, в конце статьи).
  • Задайте внешний вид кнопок. Выберите форму, размеры, фон, наличие счетчика и др.

Как установить кнопки Uptolike на сайте

Рассмотрим установку кнопок на Wordpress и Blogger.

На Wordpress:

  • Для установки на боковую панель (должна быть выбрана соответствующая функция в настройках кнопок на сервисе uptolike) – добавляем полученный код в виджет.
  • Для установки после текста статьи – добавляем код в файл single.php после кода <?php the_content(); ?>. В этом случае кнопки будут отображаться только на страницах записей блога.

На Blogger

  • На боковую панель – вкладка “Дизайн” –> гаджет “HTML / JavaScript” – сюда вставляем код.
  • В конце статьи: заключаем полученный на сервисе uptolike код между тегами <b:if cond='data:blog.pageType == &quot;item&quot;'> и </b:if> для того, чтобы кнопки выводились только на страницах записей:
    <b:if cond='data:blog.pageType == &quot;item&quot;'>код кнопок Uptolike</b:if>

    Переходим в Шаблон блога –> Изменить html. Находим код 
    <div class='post-footer-line post-footer-line-1'>
    Вставьте код uptolike после найденного кода.
    Заметьте, что таких кодов в шаблоне может быть несколько, тогда вставляем после второго. Сохраняем изменения.
Читать далее ...

2015-07-20

Редирект национальных доменов в зону COM на Blogger

зоны домена blogspot
Уже 3 года, как Blogger ввел понятия национальных доменов для блогов. Как вы помните, раньше адреса всех блогов на этой площадке имели вид:
имяблога.blogspot.com
Однажды, все изменилось – и каждый блог получил по своему национальному домену: xxxx.blogspot.ru – для блогов из России, xxx.blogspot.de – Германии, xxx.blogspot.fr – Франции и т.п. Кроме того, каждый отдельный блог теперь доступен в любой национальной зоне, что не является плюсом в глазах поисковиков.
Конечно, если вы давно ведете блог с национальным доменом, то уже не стоит менять зону, но для новых сайтов это актуально. Этот скрипт редиректа с национальных доменов в зону .com я нашла здесь.
/*
<script type='text/javascript'>
      var blog = document.location.hostname;
      var slug = document.location.pathname;
      var ctld = blog.substr(blog.lastIndexOf("."));
      if (ctld != ".com") {
        var ncr = "http://" + blog.substr(0, blog.indexOf("."));
        ncr += ".blogspot.com/ncr" + slug;
        window.location.replace(ncr);
      }
</script>
Как установить скрипт:
  • Зайдите во вкладку админпанели “Шаблон” –> изменить html
  • Найдите тег </head>
  • Перед закрывающимся тегом </head> вставьте скрипт редиректа и сохраните изменения.
Все же лучшим решением проблемы является собственный домен Blogger, тогда никакие перемены не будут вам страшны.
Читать далее ...

2015-07-18

Как в word преобразовать таблицу в текст и наоборот

преобразовать таблицу в текст в word
Иногда требуется преобразовать таблицу в текст в Microsoft Word. Чтобы избежать переписывания таблицы вручную, в ворде есть специальная функция, позволяющая убрать границы ненужной таблицы.
Читайте также:

Как преобразовать таблицу в текст в word

/*
  1. Откройте документ Word с вашей таблицей
  2. Выделите таблицу, кликнув по ней мышкой, появятся дополнительные вкладки в главном меню.
  3. Перейдите во вкладку “Макет” и нажмите на кнопку “Преобразовать в текст”
    преобразовать таблицу в текст
  4. Вы увидите диалоговое окно, в котором вам нужно будет выбрать разделитель, который будет отделять ячейки одну от другой или без него, а также вы можете указать свой на выбор. При выборе табуляции таблица останется в неизменном виде, но только без границ:
    преобразование в текст
    вставить таблицу в word

Как преобразовать текст в таблицу word

А вот перед нами обратная ситуация – есть некоторые данные, которые нужно быстро оформить в виде таблицы word. Например, простой список со значениями или скопированная таблица в виде текста из интернета.
Пример, вы можете выделить мышкой значения из таблицы ниже и вставить ее в документ Word:
Рост Астеники Нормостеники Гиперстеники
158 51,1 - 54,7 53,8 - 58,9 57,4 - 64,2
159 51,6 - 55,2 54,3 - 59,6 58,0 - 64,8
Таблица в результате скопируется в виде текста.
  1. Выделите содержимое будущей таблицы в ворде
    word делаем таблицу быстро
  2. Нажмите на вкладку “Вставка” и выберите пункт “Таблицу”. Из выпадающего списка выберите “Вставить таблицу” или преобразовать таблицу”
    вставить таблицу word
Читать далее ...

2015-07-11

Как добавить кнопку whatsapp на сайт

whatsapp-feliz
Whatsapp – популярное приложение для обмена бесплатными сообщениями на мобильном, поэтому установка на сайт кнопки Whatsapp поможет делиться вашим контентом и ссылками пользователей. Нажимая на кнопку, ваш читатель легко может отправить ссылку другу или даже группе друзей.
Из этой статьи вы узнаете, как установить кнопку whatsapp на любом сайте, в частности на Blogger и Wordpress.
Читайте также:
- как установить whats app на компьютер
- мобильные кнопки от uplolike для установки кнопок шаринга для моблиных устройств. Это те же кнопки вотсап, вайбер и другие.

Кнопка Whatsapp на мобильную версию Blogspot

С помощью генератора WhatsApp Sharing Button Generator
Кнопка Whatsapp должна работать именно на мобильном шаблоне (читайте подробнее о настройки мобильного blogger)  и не показываться на основной версии блога.
  • Админпанель blogger –> Шаблон –> На мобильных –> значок шестеренки (настроить мобильный шаблон) –> дополнительно:
    шаблон
    (кликните для увеличения)
  • Перейти на сервис – генератор кнопки вотсап
  • Настроить собственные надписи для кнопки и сопроводительного текста ссылки + сама ссылка (при необходимости):
    настройки кнопки
  • Админпанель –> вкладка “Шаблон” –> найти отрезок кода мобильных кнопок соцсетей: <div class='mobile-link-button goog-inline-block' id='mobile-share-button'> Сразу после него добавить первый код с сайта (и пункта 3):
    2015-07-08_22-31-50
  • Воспользуйтесь кнопкой Download для того, чтобы скачать архив со скриптом кнопки whatapp (пункт 4 в генераторе).
  • На компьютере распакуйте архив, зайдите в папку dist и найдите файл whatsapp-button.js . Этот файл нужно закачать на хостинг. Если у вас нет хостинга, как у большинства блоггеров, ведущих свои блоги на Blogger, то вы можете закачать файл на dropbox или в файловый менеджер на ucoz.
  • Скопируйте код из окошка в пункте 5 на сервисе whatsapp sharing. В предлагаемом коде вам нужно лишь заменить отрезок url/to/your/button/whatsapp-button.js на вашу ссылку на скрипт кнопки вотсап
    Этапы 5, 6 и 7можно пропустить, если вы хотите пойти по простому пути. Тогда воспользуйтесь просто моим кодом (эти шаги я сделала за вас). А вот и сам код (его нужно вставить в шаблон блога до элемента </body>: /*
    <script type='text/javascript'>if(typeof wabtn4fg===&quot;undefined&quot;){wabtn4fg=1;h=document.head||document.getElementsByTagName(&quot;head&quot;)[0],s=document.createElement(&quot;script&quot;);s.type=&quot;text/javascript&quot;;s.src=&quot;http://photoforum.do.am/files/whatsapp-button.js&quot;;h.appendChild(s);}</script>
  • Сохраняйте изменения. Все должно работать!

Кнопка Whatsapp на сайт wordpress

  • Для установки кнопки вотсап на wordpress вы можете воспользоваться плагином Mobile ShareBar с настройками:
    плагин для установки кнопки вотсап
  • Второй способ – это воспользоваться все тем же генератором - WhatsApp Sharing Button Generator
    Принцип установки кнопки на блог wordpress такой же, как и в Blogger. Однако здесь свои нюансы, поэтому расскажу подробнее.
    Во втором пункте генератора измените название кнопки (если нужно), напишите сопутствующий текст (Sharing text), а также вы можете указать конкретную страницу или оставить  Current page url (страница, которой собирается делиться ваш читатель).
    Пункт 3 генератора – код кнопки. Возьмите его и вставьте в нужное место шаблона вашего блога. Это может быть виджет, начало или окончание статьи и пр.
    4 пункт сервиса. Нажмите на кнопку “Download” и скачайте архив, распакуйте на компьютере и залейте файл whatsapp-button.js из папки dist на свой хостинг.
    Скопируйте код из пятого пункта, предварительно заменив url/to/your/button/whatsapp-button.js на свою ссылку на файл и вставьте полученный код в файл Footer.php перед закрывающимся тегом </body>.
    Эта кнопка не будет видна в десктопной версии сайта, а в мобильной вы увидите работающую кнопку Whatsapp:
    кнопка вотсапп в мобильной версии сайта
Следите за обновлениями, и вы узнаете как сделать классные кнопки социальных сетей (в том числе и whatsapp) в нижней части мобильной теме сайта!
Читать далее ...

2015-07-06

Автоматическое обновление страницы

автообновление страницы
Для некоторых целей бывает необходимо автоматическое обновление (рефреш) страницы. Например, если на вашем сайте постоянно обновляемая информация – о котировках валют, лента новых комментариев, спортивные анонсы и др. Автоматическое обновление страницы сайта может также улучшить поведенческие факторы через увеличение количество просмотров страниц. Однако я бы не стала бы ставить именно цель влияния на ПФ (поведенческие факторы), так как нужно стремиться делать все для удобства пользователя, но не в качестве накрутки.

Как сделать автоматическое обновление страниц на сайте

В этом нам поможет специальный метатег в шапку сайта или блога:
/*
<meta content='120' http-equiv='refresh'/>
Расскажу подробнее как это реализовать в блоге Blogger:
  • Админ панель –> Шаблон –> изменить html
  • кликните мышкой внутри кода и нажмите сочетания клавиш CTRL + F (поиск по страницы)
  • найдите отрезок кода </head>
    рефреш сраницы
  • Вставьте мета-тег до тега <head>
  • Сохраните изменения

Как автоматически обновлять страницу в Опере

Не только вебмастеру требуется автоматическое обновление страницы браузера. Интернет-пользователям для своего удобства также иногда приходится настраивать автообновление, например, для удобсва чтения ленты в социальной сети (в твиттере, Google plus, vk)
Так, в Опере кликните правой кнопкой мыши и выберите пункт “Обновлять каждые…”-> 30мин, 1 час, …, выберите интервал

Как настроить рефреш в Google Chrome

Вам поможет специальное расширение Super Auto Refresh
2015-07-06_20-55-32
Зеленая иконка говорит о настройке автообновления. При нажатии на полукруглую стрелку – появляется выпадающее меню с выбором временного интервала.
В Mozilla Firefox поможет настроить рефреш дополнение TabMix Plus.
Читать далее ...