Не знаешь с чего начать? Тогда раздел "Учебник" для тебя! =)

Кнопки Mail ru и вконтакте. Инструкция по установке!

Просмотров:8 007



Кнопка mail ru и вконтактеПривет всем! Сегодня я хочу рассказать вам про кнопку для сайта, а точнее про две – кнопка mail ru и кнопка вконтакте. Прочитав статью, вы узнаете как их добавить на сайт, какие функции имеют кнопки «мне нравиться» от mail ru и вконтакте, а так же для чего используются. Не волнуйтесь, это совсем не сложно! Статья с подробной инструкцией и картинками, так что вам не составит труда установить их себе на сайт, следуя моим указаниям.

 

Кнопка для сайта “мне нравиться” вконтакте!

Итак! Поскольку бесчисленное множество людей зарегистрировано вконтакте, эта кнопка будет очень полезна для вашего блога! Кстати, можете установить виджет комментариев вконтакте для того, чтобы увеличить комментарии.

Входим в свой аккаунт вконтакте, а затем идем по этому адресу — http://vkontakte.ru/developers.php?o=-1&p=Like

Ниже заполняем эту форму:

Настройки вконтакте

Тут все просто и ничего не требует объяснений. После заполнения полей, кликаем “сохранить”. Дальше вам необходимо будет выбрать тип кнопки вконтакте “мне нравиться”.

Кнопка вконтакте

В зависимости от вашего выбора, будет меняться кнопка вконтакте “мне нравиться” внизу.

Дальше идет работа с кодом Улыбка. Многим это не нравится, поскольку малейшая ошибка может не только вызвать не правильную работу кнопки, но и “сломать” весь дизайн вашего блога, поэтому делайте резервные копии файлов!

Код вконтакте делиться на две части, разделяется этим <--- текст --->.

Работа с кодом

Видите код, который я выделил на картинке выше? Его надо копировать и вставить в файл header.php перед закрывающим тегом </head>.

Опять работа с кодом

Вторую часть кода вконтакте надо вставлять в файл single.php куда вам удобно. Можете поэкспериментировать, допустим понаставить в коде единичек и двоечек, а потом смотреть где они отображаются, но сохраняйте резервные, не тронутые копии! Обычно кнопка мне нравиться от вконтакте стоит сразу после статьи.

Ну вот и все! У вас должна появится такая кнопка вконтакте, как у меня под статьей. Кстати, можете покликать на кнопку мне нравиться от вконтакте под этой статьей, если хотите отблагодарить меня за написанную инструкцию.

Кнопка “мне нравиться” от Mail ru!

Приступим ко второй части моей статьи о том, как устанавливается кнопка Mail ru!

К вашей радости, кнопочка от mail ru устанавливается очень просто!

Идем сюда — http://api.mail.ru/sites/plugins/share/

Листаем страницу ниже и видим настройку кнопки mail ru:

Кнопка мне нравиться от mail ru

Вы можете попробовать разные варианты тут, выбирайте различные функции и смотрите как это будет выглядеть. Ставить птичку на под “Показывать текст” я бы не советовал, не очень красиво выходит, хотя кому как Улыбка.

После этого, копируем код, расположенный ниже и вставляем его в single.php, можно прямо под кнопкой вконтакте.

Код кнопки mail ru

После этого, обе кнопки должны быть размещены у вас на сайте и правильно работать! Кнопки должны разместиться примерно так, как у меня:

Кнопки mail ru и вконтакте на моем сайте

Про то, как устанавливается кнопка Google +1 вы можете прочитать в статье - Google +1 на сайт!

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

Коржики на сегодня:

Нашел видео про скорость на мотоцикле… Это каким же отважным или сумасшедшим надо быть, чтобы мчать на такой скорости? Один бугорок и все, ты уже не гонщик, а пилот. Не зря говорят, есть тонкая грань между храбростью и глупостью и часто ее сложно заметить.

_________

Установка формы обратной связи важна для каждого сайта и как установить строку обратной связи в html надо знать. Это просто, с этим справиться даже школьник.





Вам понравилось?

>>> Почему надо подписаться на обновления? <<<

Буду благодарен за ретвит и клацанье по кнопочкам. Спасибо :)



 

Есть вопросы? Напишите в комментариях, всем отвечу :)

Как установить такие комментарии вконтакте себе на сайт?



21 комментарий к “Кнопки Mail ru и вконтакте. Инструкция по установке!”

  1. Познавательно, мне нравится что ты со скринами вставляешь

    [Ответить]

  2. Саймон:

    А это правильная статья.Я давненько написал такую же и до сих пор траф с поиска идет нса эту статью. Уже 7к просмотров.

    [Ответить]

  3. зоя:

    Здравствуйте,нм как не могу установить кнопку на мейле,не понимаю куда вставлять скопированный код,Помогите пожалуйста,спасибо.

    [Ответить]

  4. Какой у вас движок? WordPress?

    [Ответить]

  5. Вы бы русский язык изучили (окончания -тся, -ться) перед тем как статьи писать.

    [Ответить]

    Sergio Reply:

    Извините нет времени для рус яз ) Учу англ и нем.

    [Ответить]

  6. VPK:

    Действительно, добавь к названию «на движке WordPress» ... И кстати какой толк от контаковской кнопки, так как счётчик улыбок? Если кнопка от Мэйл агрессивно добавляет ссылку на страницу пользователя, то здесь надо установить галочку «Рассказать» друзьям, многие ли это делают?

    [Ответить]

    Sergio Reply:

    Любые кнопки от социальных сервисов полезны.

    [Ответить]

  7. Marina:

    Здравствуйте!

    single.php — это простите что за движок!? на моей joomla такого нет! и куда вставлять оставшуюся часть кода!?

    [Ответить]

    Sergio Reply:

    Инструкция для движков на WordPress

    [Ответить]

  8. Спасибо за статью, как раз то, что искала =)

    [Ответить]

    Sergio Reply:

    Пожалуйста, рад, что понравилось =)

    [Ответить]

  9. Спасибо большое, с вашей помощью избавилась от внешней ссылки майл, кинула ваш сайт в закладки, мне очень пригодятся Ваши советы.

    [Ответить]

    Sergio Reply:

    Елена, пожалуйста! Чтобы было удобнее, подпишитесь на обновление блога =)

    [Ответить]

  10. Скажите пожалуйста, я пытаюсь вставить кнопку мне нравиться, но у меня никак не выходит, раньше стояла, а сейчас исчезла, не знаю в чём проблема, вставляю в любое место, она всё равно не высвечиваеться, блог ее тупо не видет, что делать :( ?

    [Ответить]

  11. Sergio, а если у меня уже есть комментарии и группа, нужно первый код вставлять в header.php?

    [Ответить]

    Sergio Reply:

    Альберт, о чем я и писал :)

    Было бы на много быстрее попробовать вставить/не вставить код и узнать ответ, чем спрашивать у меня, да и сравнить коды визуально можно было бы.

    Нет, каждый раз код вставлять не надо :)

    [Ответить]

  12. Это тебе проще. А я из за этих проще несколько раз блог ломал =)

    Я не читаю твой блог постоянно, участвую в марафоне и все, поэтому не видел, где ты об этом писал.

    Было бы удобнее, если в одном посте все было — группа, комментарии, кнопка Вконтакте 8)

    [Ответить]

    Sergio Reply:

    Альберт, удобнее, но тяжелее в плане продвижения. Да и поиск на сайте всегда работает :)

    [Ответить]

  13. Чуть не забыл — спасибо за ответ )

    [Ответить]

    Sergio Reply:

    Пожалуйста :)

    [Ответить]

Написать ответ


31 запросов. 0,196 секунд.