Как добавить кнопку Google +1 на свой сайт

Дорогие друзья, сегодня я расскажу о том, как добавить кнопку Google +1 на свой сайт. Недавно Google анонсировал кнопку, а сейчас она стала доступной для всех желающих разместить ее на своих интернет ресурсах. Вообще-то я собирался сегодня опубликовать новый пост про Америку, но спешу поделиться с вами новой кнопкой от Гугла. А про Америку рассказ готов, и опубликую его завтра 😉 .   Что дает кнопка Google +1? Например, посетителям вашего сайта понравилась какая-либо статья (новость, страница товара, услуги и т.д.). Если вы предусмотрительно добавите кнопку Google +1 на страницы своего сайта, то посетители смогут кликнуть по ней на понравившейся странице. Что происходит дальше? А дальше друзья ваших читателей в результатах поиска Google будут видеть, кто уже поделился какой-либо страницей. Кроме этого, вы сможете видеть отметки о страницах, за которые вы сами голосовали, то есть будет проще искать нужную информацию. Покажу на примере. Набираю я запрос «indigotlt.ru» в Google, и… Читать далее »

Простая адаптация с помощью фоновых изображений CSS

От автора: Эта статья отображает лишь одно из многих решений проблемы адаптивных изображений. До выбора конкретного решения мы предлагаем вам рассмотреть разные подходы, включая эти два:Как избежать дублирования загрузки адаптивных изображений (How To Avoid Duplicate Downloads In Responsive Images ) и Выбор решения для адаптивных изображени (Choosing A Responsive Image Solution). При разговорах о таких новых стандартах HTML5, как атрибут srcset и элемент picture, а также технологиях серверной стороны, таких как Адаптивный веб-дизайн +компоненты серверной стороны (Responsive Web Design + Server Side Components ) (RESS), простительно, если вы решите, что простые статические вебсайты сейчас не в состоянии поддерживать адаптивные изображения. Однако такое заключение может оказаться преждевременным. Фактически, существует легкий прямой способ доставки адаптивных изображений, поддерживаемых всеми современными веб-браузерами: фоновые изображения CSS. Однако этот подход имеет свои ограничения и не всегда работает. Но если при несложных требованиях вы готовы сделать дополнительное усилие и обеспечить доступность ваших изображений, то все, что вам… Читать далее »

Sape или Trustlink? В какой бирже лучше торговать?

Автоматических бирж ссылок в рунете существует множество, но большинство из них находятся в предсмертном состоянии. Только Sape и Trustlink могут обеспечить большой выкуп ссылок, а значит и большой заработок. Так в какую же биржу добавить свой сайт? Давайте сравним их по ключевым параметрам. Скорость выкупа ссылок и цены Я не случайно объединил цену и скорость выкупа в один пункт. Trustlink, как известно, гарантирует быстрый выкуп мест под ссылки, поскольку единственным покупателем в бирже является агрегатор Seopult. Sape, к сожалению, никаких гарантий не дает, поскольку основной костяк покупателей в этой бирже составляют живые оптимизаторы. Купят ссылки на вашем сайте или нет, в Sape зависит от целого ряда  факторов: Попал ли сайт в основную базу биржи? Попал ли сайт в базу ссылочных агрегаторо? (Seopult и прочие осуществляют закупки в том числе и в Sape.ru) Устраивают ли параметры сайта оптимизаторов? Как отличаются выставленные вами цены от средних по бирже? В какой фазе находится… Читать далее »

Бесплатные способы продвижения Android-приложений

Всем привет! В этом топике мне хотелось бы обсудить одну из самых интересных и в тоже время загадочных тем для большинства, как мне кажется, инди-разработчиков – это продвижение своих собственных приложений. Скажу пару слов о себе: я примерно 2 года занимаюсь Android-разработкой (исключительно в качестве хобби, правда). У меня есть десяток приложений в Play Store, с совокупным количеством загрузок более 5 млн. Ни то что бы очень много, да и большая часть загрузок приходится на одно приложение, но какие-то выводы касательно маркетинга я для себя сделал. Здесь я хочу поделиться своим опытом, наблюдениями, а так же призываю Вас рассказывать о своих результатах в комментариях. Обмен опытом в этом вопросе был бы полезен всем, я думаю. Еще одно отступление, которое хочу сделать: я специально вынес в заголовок слово «бесплатные». Понятно, что можно купить скачивания, отзывы, рекламу, обзоры или даже идти к издателю (если у Вас есть что-то стоящее). Но здесь я… Читать далее »

Создаем анимацию переворота в CSS

От автора: анимация CSS очень интересна; ее красота состоит в том, что с помощью множества простых свойств можно сделать что угодно от элегантного плавного проявления до очень красивых эффектов. Одно из средств CSS, находящееся где-то в промежутке между ними – это эффект переворота CSS, где при этом на обеих сторонах контейнера, как с лицевой, так и изнаночной, имеется контент. Этот учебник покажет вам, как легко и просто создать его. Краткое примечание: это не первый учебник о подобном эффекте, но все остальные показались мне слишком сложными. Во многие другие статьи добавлены дополнительные стили для кодирования примеров, требующие затем от читателя расшифровки, что из них нужно, а что нет. В данном учебнике этот вопрос опускается, предоставляя вам только необходимые стили; можете украсить любую сторону каждого оборота как вам заблагорассудится. ДЕМО HTML Структура HTML для получения ожидаемого вами двустороннего эффекта: 01.<div class=»flip-container» ontouchstart=»this.classList.toggle(‘hover’);»> 02.<div class=»flipper»> 03.<div class=»front»> 04.<!— front content —> 05.</div> 06.<div… Читать далее »

Плагин кросспостинга Вконтакте из K2 Joomla

Совместимость Joomla 3+ Установка Установка через стандартный установщик Joomla. Описание Плагин публикует материал компонента K2 на стене группы Вконтакте. Запись включает в себя наименование материала, вступительный текст, очищенный от html кода, изображение материала, ссылка на материал. Если установлено время публикации, то к записи еще прикрепляется таймер. Плагин позволяет публиковать материалы, опубликованные в компоненте K2, на стену группы Вконтакте; указать категории, чьи материалы не будут публиковаться; задать время отложенной публикации; Для работы плагина необходимо Создать Standalone-приложение. Копируем ID приложения. Сформировать запрос вида https://api.vk.com/oauth/authorize?client_id=##ID##&redirect_uri=https://api.vk.com/blank.html&scope=wall,photos,offline&display=page&response_type=token где ##ID## — id приложения полученный ранее. В ответ приходит токен доступа, который нужно скопировать в поле Access token. В поле ID группы скопировать id группы на стене которой будут публиковаться сообщения (если у Вас публичная страница, то перед id следует поставить знак «-«). В поле ID альбома скопировать ID альбома, куда будут сохраняться изображения материалов. В поле ID категорий записать через запятую id категорий, материалы из которых… Читать далее »

Перенос сайта на CMS Joomla с Denwer на хостинг или другой хостинг за 10 минут.

Статья не будет чем-то новым для профессионалов, но думаю будет полезна для новичков. Итак, как быстро и без проблем перенести сайт на другой сервер? Стандартно при переносе мы делаем архив сайта, бэкап базы, затем заливаем архив на новый хостинг и, создав базу, импортируем туда дамп. После этого вносим правки в configuration.php. Это хороший, рабочий метод, но нужно знать, как на конкретном хостинге создать архив, нужен доступ к PhpMyAdmin, а также аккуратно вносить изменения в configuration.php, предварительно уточнив абсолютные пути к папке сайта у данного хостера. Можно (и нужно) поступить гораздо проще — использовать расширение JoomlaPack, кстати, одно из самых популярных на extensions.joomla.org. Итак, по порядку. Скачиваем и устанавливаем JoomlaPack. Заходим в компоненты — JoomlaPack — Backup Now и делаем полный бэкап сайта. В зависимости от скорости хостинга и объема сайта эта процедура занимает от нескольких минут до нескольких секунд. На некоторых хостингах, к сожалению из-за ограничений времени выполнения бэкап создать… Читать далее »

Сайт для проверки ссылок на редиректы и примые ссылки

Для проверки ссылок на редиректы и индексацию, можно спокойно воспользоваться сервисом от https://www.bertal.ru/. Данный сервис показывает в коде все возможные nofollow, noindex редиректы типа перехода через специальный файл или сервис.

Плагин MailPress для почтовой рассылки WordPress

Если Вы хотите организовать почтовую рассылку непосредственно со своего  WordPress, можете попробовать мощный плагин  MailPress. При помощи плагина MailPress можно организовать  настраиваемую,  независимую от RSS, многофункциональную почтовую рассылку, как новостей сайта, так и сторонних писем. Причем вы можете выбрать внешний вид (шаблон) отправляемых писем. Где скачать плагин MailPress Прежде всего, скачайте плагин со страницы плагина на WordPress.org. Последняя версия 5.4 требует установленной версии WordPress 3.6. Распакуйте скачанный архив (mailpress.zip). Проверьте наличие в архиве папки [tmp] для запуска. Сразу отмечу, что плагин постоянно обновляется, но его обновление несколько усложнено, по сравнению с другими плагинами WP. Важно, если у вас установлен и работает плагин MailPress, то нельзя обновлять его автоматически . Автоматическое обновление плагина  удалит все ваши предыдущие настройки. Установка плагина почтовой рассылки MailPress Для установки плагина MailPress у вас должен быть доступ в административную панель сайта. По FTP загрузите папку mailpress, распакованного архива, в каталог сайта в директорию[wp-content/plugins]; Далее войдите в административную… Читать далее »

Селекторы CSS – точечное применение свойств CSS к элементам страницы (тегам) Оптимизация HTML за счёт использования селекторов

Селектор CSS – это тот элемент, к которому мы собираемся применять CSS свойства. Слово «селектор» говорит само за себя, оно обозначает выбор. p {color: red} div span {background: green} ul li {list-style: none} Селекторы class и id В примере выше мы имеем 3 селектора – это p, div span, ul li. То есть весь наш файл стилей состоит из селекторов и их свойств. Наиболее удобно и наглядно, особенно новичкам, брать за селектор имя класса (class) тега или уникальный идентификатор (id) тега. Чтобы присвоить класс или идентификатор какому-либо тегу, мы должны указать их среди атрибутов этого тега. У конкретного тега может быть максимум 1 идентификатор и бесконечное число классов. Пример: <div id=»first»>текст в первом диве</div> <div class=»second»>текст во втором диве</div> <div id=»third» class=»first second third»>текст в третьем диве</div> На что стоит обратить внимание: Классы и идентификаторы можно присваивать любым (всем) тегам. Каждый id уникален и не может повторяться в пределах одной… Читать далее »