Розміщуємо кнопки соціальних мереж твіттер, мені подобається, вк, гугл

Розміщуємо кнопки соціальних мереж твіттер, мені подобається, вк, гугл

Урок складається з 2-х частин:

  1. Реєстрація в соц мережах, отримання html коду кнопок.
  2. Створення таблиці (4 шпальти, 1 рядок) і впровадження в кожен стовпець коду потрібної кнопки.

Етап 1. Реєстрація в соц мережах, отримання коду кнопок.

Я не буду писати про реєстрацію в мережах, впевнений, що Ви самі зможете зареєструватися в них (або вже зареєстровані). Тому перейдемо до отримання коду кнопок.

<. -- Put this script tag to the of your page ->


Потрібно вставити в header.php. Ось ця частина:
Розміщуємо кнопки соціальних мереж твіттер, мені подобається, вк, гугл
  • Відкриваємо header.php і вставляємо цей код над закриває тегом.
  • Тепер копіюємо залишився код, і так же вставляємо, наприклад, в блокнот. Щоб теж під рукою був.
  • Збережіть цей код там же де зберігали коди твіттера і Вконтакте.
    • І вставляємо його в файлі footer.php перед тегом закриває
  • Другу частину коду так само зберігаємо.

    • І так, у нас є код 4-х кнопок. Наше завдання розмістити їх по горизонталі один за одним. Вийти повинно якось так:

    Як це зробити? Якщо у Вас є хоча б базові знання в html, то Ви, зрозуміло, знаєте про таблиці. Раніше навіть був популярним вид верстки сайту - табличний. Коли весь сайт представляли у вигляді однієї великої таблиці з великою кількістю стовпців і рядків. І в кожному осередку прописували свій код. В одній меню, в інший шапку, в третій контент. Так і виходив цілий сайт.

    В даному випадку пропоную зробити те ж саме. Створити таблицю з 1-м рядком і 4-ма стобцамі і в кожному осередку прописати код потрібної кнопки.

    Нижче я приведу код такої таблиці:

    Ось як у мене вийшло:

    Розміщуємо кнопки соціальних мереж твіттер, мені подобається, вк, гугл

    І так, трохи не забув. У таблиці треба трохи підправити стиль. Зробити це можна за допомогою css. Ми задали «ім'я» для таблиці, щоб у файлі style.css задати стилі і прописати ім'я таблиці, для якої ці стилі будуть працювати.

    Йдемо в style.css і прописуємо, якщо немає, наступний код:

    • Mozilla Firefox
    • Конкурси
    • експерименти
    • приватне
    • програми
    • блоговеденія
    • Новини
    • Вступ
    • нотатки
    • Відгуки
    • Хостинг "Beget"
    • дешеві домени
    • SeoPult просування
    • вічні посилання
    • Щомісячний дохід понад 200 тис. Рублів
    • Більше 500 чол \ день на блозі
    • Прочитати> 60 книг до кінця року

    Поки що звітів немає ..