Добавить кнопку Google +1 или ВКонтакте или Facebook Like в статьи на сайт без помощи плагинов.

Полезное для Joomla


Здравствуйте дорогие друзья и любители Joomla. Сегодня я хочу рассказать как добавить кнопку Google +1 или ВКонтакте или Facebook Like в статьи на сайт без помощи плагинов. Конечно вы можете воспользоваться плагином кнопок социальных сетей, но если вы хотите установить одну или две кнопки (напр. кнопку Google +1 или кнопку Google +1 и Facebook Like), то смысла особого нет. По этому я сегодня расскажу где взять код кнопок, куда его устанавливать и что с этого получиться.

Добавить кнопку Google +1 или ВКонтакте или Facebook Like

Добавить кнопку Google +1 или ВКонтакте или Facebook Like

Начну пожалуй из того что мы подготовим код кнопок Google +1 и ВКонтакте и Facebook Like для вставки.
И так, для того чтоб получить код кнопки Google +1 мы идем сюда скачать Google +1. На странице вы можете выбрать нужные вам параметры кнопки Google +1 и потом скопировать код. Отложим его в сторону.

Добавить кнопку Google +1 или ВКонтакте или Facebook Like в статьи на сайт

Теперь перейдем к кнопке Facebook Like. Для того что б получить и скачать код кнопки Facebook Like нужно быть зарегистрированным в социальной сети Facebook и войти в свой аккаунт (нет я ошибся, проверил, можно и не регистрироваться). После этого идем сюда скачать Facebook Like, настраиваем нужные нам параметры и скачиваем код кнопки Facebook Like.

Для того чтоб добавить кнопку от ВКонтакте Мне нравится, точно нужно быть зарегистрированным, иначе вы просто не сможете привязать код кнопки к сайту. После того как вы вошли на свою страничку идем сюда скачать Вконтакте Мне нравится и настраиваем внешний вид кнопки. Более детально как подключить свой сайт и получить для него код кнопки Мне нравится вы можете прочитать на страничке плагина SocButtons.

Приведенным ниже описанием вы сможете добавить кнопки от разных сайтов (напр. Twitter или LinkedIn), главное получить код от этих сайтов.

Добавляем кнопки Google +1 или ВКонтакте или Facebook Like на сайт

За формирование и вывод статьи отвечает файл default.php который находиться в папке components/com_content/views/article/tmpl/.

Иногда в шаблонах существует свой файл default.php, который находиться в папке templates/название шаблона/html/com_content/article/, о этому нужно будет вставлять код кнопок в него.

Ищет строчку

<!--?php echo $this--->article->text; ?>

ее номер 123-125 в зависимости от того это файл шаблона или родной.

Перед строчкой вставляем блок

<div style="float: left; padding: 5px;">код кнопок</div>

Вместо код кнопок вы копируете свой код который получили от сайта (Google +1, ВКонтакте, Facebook Like и т.д).

Теперь объясню что к чему:

параметр float:left — дает нам возможность сделать чтоб текст оптикал наши кнопки справа (см. картинку ниже). Его можно поменять на параметр float:right и тогда текст будет оптикать кнопки Google +1 или ВКонтакте или Facebook Like слева, как это происходить у меня в начале страницы с кнопкой Twitter.

параметр padding:5px — задает промежуток между текстом и кнопками, его вы можете выставлять на свое усмотрение.
Теперь посмотрите как я добавил кнопки Twitter, Google +1 и Facebook Like на локальный сайт, что на моем ноутбуке

добавил кнопки Twitter, Google +1 и Facebook Like на локальный сайт

добавил кнопки Twitter, Google +1 и Facebook Like на локальный сайт

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

На этой удачной ноте я с вами прощаюсь, но не надолго. Пост Добавить кнопку Google +1 или ВКонтакте или Facebook Like в статьи на сайт без помощи плагинов завершен. Желаю вам добавить на сайт кнопки без единой проблемы, ну или просто заказать сайт с уже вставленными кнопками соц сетей. А если возникнут вопросы, задавайте их в комментариях. Увидимся.

Joomla Блог Nauca – научись работать с Joomla

Хочешь получать на e-mail свежие статьи о компонентах, модулях, плагинах и других полезных вещах связанных с Joomla? Не пропусти ничего полезного, подпишись на новости блога Nauca:

  • Ecolora

    А какой смысл вставлять руками, если проще, по-моему взять Ваш плагин и отключить все кнопки кроме кнопки гугл или в контакте, к примеру? Лично я на своих сайтах, например на http://ecolora.ru отключил только twiter, потому что он добавляет лишнюю ссылку. А для SAPE — это не очень хорошо. 🙂 А так все в порядке. Спасибо за плагин! 100 рублей я Вам перечислил в качестве поддержки проекта, предлагаю остальным поступить также!

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

  • Социальные сервисы сейчас рулят. так что буду пробовать

  • Read the comments, I already answered this question

  • Автор, спасибо за статью — то что искал!

  • Aлександр

    спс за материал. добавил кнопки на все стр.

  • Кнопочки очень нужный элемент на блоге, к тому же неплохой трафик можно получить с социалок. Спасибо за статью!

  • Galyant16

    Народ,подскажите пожалуйста,как здесь зарегистрироваться? Спасибо

    • Здравствуйте. Где здесь?

  • Владимир Дорошев

    Скиньте код кнопеи LIKE от ФБ! Только маленькой, сейчас они просто поменяли кнопки и дают только длинные..