Додати кнопку Google +1 або ВКонтакте або Facebook Like в статті на сайт без допомоги плагінів.
Здрастуйте дорогі друзі і шанувальники Joomla. Сьогодні я хочу розповісти як додати кнопку Google +1 або ВКонтакте або Facebook Like в статті на сайт без допомоги плагінів. Звичайно ви можете скористатися плагіном кнопок соціальних мереж , Але якщо ви хочете встановити одну або дві кнопки (напр. Кнопку Google +1 або кнопку Google +1 і Facebook Like), то сенсу особливого немає. З цього я сьогодні розповім де взяти код кнопок, куди його встановлювати і що з цього вийде. 
Додати кнопку Google +1 або ВКонтакте або Facebook Like
Почну мабуть з того що ми підготуємо код кнопок Google +1 і ВКонтакте і Facebook Like для вставки.
І так, для того щоб отримати код кнопки Google +1 ми йдемо сюди скачати Google +1 . На сторінці ви можете вибрати потрібні вам параметри кнопки Google +1 і потім скопіювати код. Відкладемо його в сторону.
Тепер перейдемо до кнопки 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 на локальний сайт
Відразу обмовлюся що код кнопки ВКонтакте Мне нравиться я не додавав, так як для її отримання потрібно вказувати доменне ім'я сайту, а у мого локального сайту його немає. Але це не завадить вам додати її за аналогією на вже існуючий в мережі сайт.
На цій вдалою ноті я з вами прощаюся, але не надовго. Пост Додати кнопку Google +1 або ВКонтакте або Facebook Like в статті на сайт без допомоги плагінів завершено. Бажаю вам додати на сайт кнопки без єдиної проблеми, ну або просто замовити сайт з уже вставленими кнопками соціальних мереж. А якщо виникнуть питання, задавайте їх у коментарях. Побачимося.
Joomla Блог Nauca - навчися працювати з Joomla