В последнее время каждый второй (если не первый) заказчик в требованиях по разработке сайта просит непременно связать его с социальными сетями. «Социальные» кнопки на сайте — средство номер 1 для привлечения целевой аудитории, распространения контента и пиара в целом. Причем совершенно бесплатное!
Социальные сети предоставляют коды своих кнопок и виджетов для размещения на сайте, и прилагают инструкции по их установке в системе управления сайтом. Установить их позволяют любые CMS (операционные системы), главное гармонично вписать их в дизайн вашего сайта.
Каковы возможности и функции?
Кнопки социальных сетей являются основным составляющим продвижения вашего сайта в социальных сетях. Они позволяют поделиться материалами с сайта, отправив их на e-mail или опубликовав на странице в социальной сети, рассказать об акции или статье друзьям, разместить на сайте вашу ленту новостей, увеличить популярность странички и число подписчиков у вашей компании. Количество подписчиков, репостов (ссылки на ваши материалы, которыми поделились в соц. сетях) и переходов на ваш сайт из социальных сетей учитывается поисковыми системами для продвижения.
Новые инструменты продвижения во ВКонтакте: лид-формы, опросы, кнопки сообщества
Если ваш сайт ориентирован на людей которые общаются популярных соц. сетях, например, Вконтакте, Twitter, Instagramm, Facebook, Google+, Pinterest и прочее, и вы хотите охватить их все, то чтобы не устанавливать кнопки каждой из них по отдельности, учитывая то, что они могут отличаться по размерам и дизайну, советуем воспользоваться сервисами-агрегаторами. Это простые и удобные инструменты, которые позволят посетителям сайта быстро делиться информацией со своими друзьями вне зависимости какой социальной сетью они пользуются. Ниже мы разберем наиболее популярные сервисы.
Блок «Поделиться» от Яндекса
Яндекс разработал свой простой и удобный сервис кнопок социальных сетей – блок «Поделиться». Он позволяет сгенерировать код для добавления на сайт кнопок самых популярных соц сетей:
- Вконтакте;
- Facebook;
- Twitter;
- Одноклассники;
- Мой Мир;
- Livejournal;
- Я.ру;
- Friendfeed;
- Мой круг;
- Google+;
- Pinterest;
- Surfingbird.
Кнопки социальных сетей Яндекс созданы для того, чтобы посетители вашего сайта могли быстро публиковать ссылки на интересные им страницы в социальных сетях и блогах.
Конструктор блока позволяет создать и оформить его по-своему, выбрав необходимые соц. сети и внешний вид социальных кнопок. Затем вам останется лишь скопировать полученный код и разместить его на сайте. Описание дополнительных параметров ищите в документации.
- Twitter (кнопка называется «твитнуть»);
Источник: nubex.ru
Добавить кнопку Вконтакте «Мне нравится» для сайта (Поделиться, Сохранить)
Огромное влияние социальных сетей на развитие интернета сейчас никто отрицать не будет. В социальных сетях, например таких как Вконтакте и Facebook есть кнопка «Мне нравится». Она служит для оценки какого либо комментария, музыкального трека, видео и др. Нажимая на эту кнопку пользователь добавляет материал к себе на стену тем самым предлагая своим друзьям так же это оценить.
Кнопка действия сообщества ВК как маркетинговый инструмент для инфобизнеса
Думаю вам будет интересно почитать мою конкурсную статью «Продвижение неизбежно«.
Сейчас подобные кнопки «Мне нравится» используют для блогов и сайтов, что позволяет читателям в один клик добавить ссылку на понравившийся материал на свою стену, поделившись ею с друзьями.
Эта статья о том, как добавить кнопку Вконтакте «Мне нравится» на свой блог. Способов добавления подобной кнопки много, о них будет рассказано ниже.
Еще одна статья по установке кнопок: Как установить кнопку Twitter
Четвертая (включая данную) статью про установки кнопок: Установка кнопки google +1.
А так же поучаствовать в моей акции — Обзор блога каждому.
Во-первых, на один из пунктов добавления кнопки я описывать не буду. Это установка кнопки плагином или скриптом, который устанавливает сразу весь набор социальных кнопок. Например как этот скрипт от Яндекса.
Способов много, но на вкус и цвет… Я обычно вижу использование набора кнопок соц закладок и кнопка Вконтакте «Мне нравится» вынесена еще отдельно — бывает и такое.
Использование виджета Вконтакте:
Такой способ добавления кнопки предоставляет сама сеть Вконтакте. Для установки кода переходим по данной ссылке: Виджеты Вконтакте .
Видим перед собой блок, в котором необходимо заполнить данные:
Заполняем поля «Название сайта», «Адрес сайта», «Основной домен сайта» (основной домен должен заполняться автоматически, когда вы будете заполнять адрес сайта). После этого нажимаем кнопку «Сохранить». У вас должны пропасть строки заполнения данных и появиться вместо них одна «Сайт/приложение», где и будет ваш добавленный ресурс.
Далее отмечаем удобный для вас «Вариант кнопки», его можно будет менять, так что не бойтесь, пробуйте разные. Но для начала выберем один.
После этого полностью копируем «Код для вставки».
Открываем ваш файл single.php и ищем строчку
После этой строчки вписываем тег
— чтобы был отступ сверху кнопки, далее вставляем код кнопки («Код для вставки»), опять прописываем
— делая отступ снизу кнопки. Код виджета лучше занести в теги код, чтобы поисковик не индексировал код. После всего проделанного сохраняем и видим результат:
Кнопка отображается и функционирует. Попробуйте ее в действии.
Установка своей кнопки «Мне нравится»:
Всегда на блоге хочется установить что-то свое. Так же и с кнопкой «Мне нравится», если вам не нравится то, как отображается она с помощью виджета — делаем собственную кнопку.
Во-первых, ищем подходящую картинку для кнопки. Я использую данную картинку, но вы можете использовать любую:
Загружаем картинку к себе на хостинг в папку images в папке с шаблоном (темой). У меня путь до папки выглядит так:
http://blognat.ru/wp-content/themes/Krem_Jam/kremjam/images/me_in_vkontakte.png
Следующий шаг. Заходим в файл single.php и ищем место куда вставить кнопку. Я рекомендую ставить кнопку в конце поста. Как и в прошлом варианте, ставим указанный ниже код после
В данном коде необходимо поменять только название картинки, если оно отличается от моего ( me_in_vkontakte.png)
Сохраняем и проверяем работу кнопки:
Кстати, для собственных кнопок я советую устанавливать затемнение фон с помощью css стилей. Стили можно применять и к других изображениям, думаю материал будет полезен: Затемнение фона через css.
Установка плагина кнопки Вконтакте:
Наиболее простой способ установки кнопки «Мне нравится» Вконтакте можно с помощью плагина. Несмотря на то, что способ прост, плагин всегда имеет какие то ограничения и не каждый сможет его настроить, если он криво отображается. Но он имеет место быть, так что пробуйте.
Самый распространенный плагин, для установки отдельной кнопки вконтакте, является плагин VKontakte Share Button, скачиваем его по этой ссылке: Скачать плагин Vkontakte Share Button
Устанавливаем плагин стандартным способом и активируем его.
Заходим в настройки. Плагин полностью русифицирован, так что вам не составит труда настроить его:
Не забудьте указать текст, который будет написан на кнопке. По умолчанию стоит — Save. В моем случае кнопка выглядит так:
При использовании данного плагина у вас будет появляться окошко как и в предыдущем варианте, где вы можете настраивать публикацию ссылки.
Вывод: использовать вы можете любой вариант на свой вкус, но, что главное — использовать надо. Соц сети сейчас становятся чуть ли не главными источниками трафика, а упускать из виду самую большую Российскую социальную сеть — нельзя.
Как и обещал «Ленину» ссылка на его seo блог , за подсказку немного заработать на оплату хостинга на сервисе Nolix.ru. Заработать можно и с не очень посещаемого блога.
Источник: blognat.ru
Кнопка вконтакте для wordpress блога — разные методы и лучшие плагины. Как сделать ссылку вконтакте в виде кнопки
Здравствуйте, друзья! Сегодня я вам расскажу, как сделать ссылку ВКонтакте в виде кликабельной кнопки. Для постов ВКонтакте я уже предлагал здесь на блоге и на своём видеоканале в YouTube, и эта статья станет хорошим продолжением данной темы. А если Вы примените данный способ на практике, то по достоинству оцените его силу.
Все Вы знаете, что современного интернет-пользователя не так-то просто побудить что-то прочитать и тем более сделать переход по ссылке. Если на принятие решения «читать или не читать» основную роль играют заголовок, первый абзац текста и сопровождающая картинка, то в деле перехода по предлагаемым ссылкам к этим основным элементам подключаются активные элементы в виде баннеров и кабельных кнопок.
В итоге прочтения данной статьи, Вы сможете без труда сделать вот такое оформление своего поста ВКонтакте:
Техническая составляющая данного приема основана на том, что, как только в тексте поста появляется ссылка, Контакт автоматически повторяет её под текстом содержания. Одним из результатов такого алгоритма его работы является превью одной из картинок, размещенной на том веб-ресурсов, на который ведет ссылка.
Именно данное превью мы будем использовать. Если нажать на значок фотоаппарата, который появляется при наведении курсора мыши на превью, то Контакт предлагает заменить изображение на любое другое с размерами не меньше 537х240рх.
Создадим в Фотошопе файл белого цвета именно такого размера и сохраним его в виде картинки. Теперь в режиме добавления новостей на стену своего аккаунта или группы поставим любую ссылку, например, на статью своего блога, нажмем значок фотоаппарата на превью и предложим контакту загрузить наше белое изображение. Как только ВКонтакте сделает загрузку, Вы увидите вот такую картинку:
Далее, используя свой любимый скриншотер, Вам необходимо очень аккуратно сделать скриншот области, которую занимает серый фон по его внешней границе. Для этого можно использовать даже . Если Вы делаете скриншот не всего экрана сразу, а это самый лучший вариант в данном случае, то контролируйте размеры будущего скриншота. Они должны быть 537х240рх.
Теперь в Фотошопе открываете данный скриншот, берете инструмент «Прямоугольник» и создаёте на месте белой части изображения прямоугольник-заготовку для будущей кнопки.
При этом цвет данного прямоугольника Вы можете выбрать сразу перед началом этой операции, а можете изменить его позже. Удалять серое изображение или обрезать его не нужно. И в этом есть особая хитрость.
Вам останется только дать создаваемой кнопке название, подобрать цвет надписи и уточнить её расположение. При этом вполне возможно, что потребуется перед набором текста, временно отключить слой созданного прямоугольника.
У Вас получится примерно вот такая красивая кнопочка или даже ещё лучше. Кстати, можно сразу наделать несколько таких кнопок, чтобы иметь возможность оперативно выбирать кнопку, подходящую по цвету под картинку Вашего поста. После создание такого набора сохраняем каждый вариант в специально созданную для кнопок папку.
Когда кнопки готовы, Вы в процессе работы загружаете нужную кнопку вместо созданного Контактом превью. При этом не нужно регулировать никаких размеров — смело после загрузки нажимаете кнопку «Сохранить изменения» , а сам Контакт сделает всё остальное.
У Вас не останется даже намека на серую область, а будет именно кнопка.
В принципе работа несложная, но потребует от Вас определенный аккуратности в действиях. Добавлю, что кнопки можно делать со скругленными углами, можно делать их меньшего размера, а можно просто вставлять уже готовые. Как это всё делается, Вы можете посмотреть в видео ниже. Первая его часть посвящена описанному выше способу, а вторая — всем остальным.
Если Вам понравилось создание таких кликабельных кнопок для постов ВКонтакте, дайте мне об этом знать в комментариях ниже. Естественно, если остались вопросы, то не стесняйтесь их задать там же. Желаю Вам разобраться во всём без проблем.
С уважением, Сергей Почечуев.
После нажатия по ней откроется всплывающее окно “Отправка фотографии”. Здесь есть 3 пункта (при условии, что у вас есть свои сообщества вконтакте) :
2. Подписчики сообщества. Щелкнув по надписи “введите название сообщества” вы откроете выпадающий список сообществ, где вы являетесь создателем, редактором или модератором с правами публикации новостей. Можно выбрать только 1 группу или паблик.
3. Отправить личным сообщением. Введите имя друга или email. Вы можете отправить фото в ЛС своему другу из списка или на электронный ящик.
Таким образом можно выбрать аудиторию для которой предназначается фото. При желании можно снабдить его своим комментарием, добавив его в поле “ваш комментарий”:
Как видите настроек не так уж и много и все они несложные.
Процесс отправки видео другим пользователям социалки мало чем отличается от отправки фото. Для начала нужно открыть видеозапись:
Под ней вы увидите несколько кнопок. Нам нужно нажать или просто навести курсор на кнопку “ещё”:
Если ваша цель отправить видео в группу или паблик, то нажимайте по кнопке “добавить в сообщество”. тут же появится окно – “Добавление видеозаписи в сообщество”, где вам будет предложено выбрать из выпадающего списка одну группу или паблик в которую вы хотите расшарить видео:
Как только сообщество выбрано, вам будет предложено выбрать альбом/альбомы куда будет отправлена видеозапись. Выберите нужные и нажмите “сохранить”.
Если же нажав по кнопке “еще” вы выбрали пункт “экспортировать”, то вы увидите следующее окно – “отправка видеозаписи”:
Подвкладка “поделиться” видео ВК
Процедура создания кнопки Вконтакте проста, но для того, чтобы виджет лайков ВК работал правильно, необходимо выполнить все требования. Все дальнейшие инструкции будем выполнять исходя из того, что у вас есть учетная запись ВК, и вход в нее выполнен.
Для начала перейдем по ссылке «Разработчикам» (находится внизу интерфейса) и выберем вкладку «Мои приложения». Если ранее вы не создавали виджеты ВК, список приложений будет пуст. Вам необходимо создать новое. Сделать это можно, кликнув по ссылке «Создать приложение».
После создания приложения необходимо подтвердить право на управление им. Это можно сделать через пятизначный СМС-код или через привязанное к учетной записи устройство. Выполнив подтверждение, зайдем в настройки приложения и включим его. На этом манипуляции с приложением закончены.
Откроем вкладку «Документация» и выберем подраздел «Сайты и виджеты». В блоке «Виджеты для сайта» выберем необходимый виджет – «Мне нравится».
В открывшейся форме выберем наше приложение, вариант кнопки и ее оформление. Из текстового блока заберем код для вставки.
Размещение виджета в шаблоне Котонти
Откроем шаблон header.tpl и в блоке head разместим код, который примерно выглядит так:
Там, где необходимо разместить непосредственно саму кнопку лайков, например в шаблоне page.tpl, добавим код:
Приближается праздник — Международный женский день. Подготовимся заранее к нему. Вы можете оригинально поздравить девушек и женщин, воспользовавшись сервисами открыток, о которых пойдет речь ниже.
Вы можете воспользоваться теми же сервисами, какими мы пользовались для . Сервисы готовых открытокСоздать открытку 8 марта онлайн
Воспользуйтесь следующими сервисами, чтобы создать открытку практически с нуля.
Я надеюсь, что воспользовавшись одним из этих генераторов, вы сможете достойно поздравить своих дам с 8 марта!
Google Plus закрывается Платформа Google Plus не оправдала надежд разработчиков и будет удалена полностью уже 2 апреля 2019 года. Вместе с ней исчезнут связанные с ней альбомы в Google Фото, станут недоступными авторизации на сайтах с аккаунтом Google Plus. Уже с 4 февраля стала недоступной функция создания профилей Google Plus, каналов и страниц. Если на вашем аккаунте хранился ценный контент, то вы можете скачать резервную копию .
Больше всех изменения коснутся блогеров, ведущих свои блога на Blogspot. Станут недоступны некоторые виджеты G+, комментарии G+, а также профиль Google +. Об этом сказано в уведомлении в админке Blogger:
После объявления о прекращении работы API Google+, которое запланировано на март 2019 года, 4 февраля будет внесен ряд изменений в интеграцию Blogger с Google+.
Виджеты Google+. В дизайне блогов больше не будут поддерживаться виджеты «Кнопка +1», «Подписчики Google+» и «Значок Google+». Из вашего блога будут удалены все экземпляры этих виджетов.
Кнопки +1. Будут удалены кнопки +1 и G+, а также ссылки «Опубликовать в Google+» под записями в блоге и на панели навигации.
Обратите внимание, что, если вы используете пользовательский шаблон, в котором есть функции Google+, его может быть необходимо изменить. Обратитесь за рекомендациями к тому, кто предоставил вам этот шаблон.
Google+ Комментарии. Будет прекращена поддержка комментариев с использованием Google+, а для всех блогов, которые используют эту функцию, будут восстановлены стандартные комментарии Blogger. К сожалению, комментарии, размещенные через Google+, невозможно перенести в Blogger, поэтому они больше не будут отображаться в вашем блоге.
Удаление комментариев Google Plus К сожалению, комментарии, которые были опубликованы в системе будут удалены безвозвратно. Вы лишь можете воспользоваться тем же инструментом https://takeout.google.com , чтобы сказать резервную копию комментариев от Google + на свой компьютер. Только загрузчика для него не предусмотрено и восстанавливать комментарии вам можно только вручную достаточно кривым способом. Хорошо, что я в свое время вовремя .Как заменить профиль гугл плюс профилем Блоггер Если вы ведете блог на Blogspot, то целесообразно сейчас вернуться с профиля Гугл Плюс на профиль Blogger (для тех, кто переключился на гугл плюс в своё время). Рекомендую сделать это прямо сейчас во избежании непредвиденных ситуаций, которые могут происходить при удалении аккаунтов Google Plus. Как вернуть профиль Blogger Сделать это просто в настройках админки Blogger:
Настройки –> Пользовательские настройки –> Профиль пользователя – здесь выберите Blogger
Подтвердите переход на и задайте свое имя или никнейм.
Не забудьте загрузить аватар в вашем профиле Blogger.
Как удалить профиль гугл плюс Если вы решили раз и навсегда избавиться от профиля Г+, то перейдите на свою страницу гугл плюс –> Настройки –> прокрутите страницу до конца вниз –> удалить аккаунт гугл плюс:
Сегодня расскажу что такоеCSS3, с чем его едят, где его искать, как правильно его прописывать. Предупреждаю, буду рассказывать от себя, упрощенно для широкой публики, как я это вижу + примеры. Итак, начнем издалека.
CSS – это стили, в которых прописываются свойства объекта. Значит, они есть во всех существующих движках, если вы их не можете найти, значит либо не там смотрите, либо их действительно нет (кривой сайт ). Где же они обычно найти? Обычно это корень сайта, название файла style.css, хотя, в принципе, название не так важно, как расширение.css, если файл с таким расширением – это файл стилей.
Смотрите также на моём блоге.
Где их искать? Путь к файлу приписывают в шаблоне между
Источник: thesaker.ru