Подарок
Приветствую Вас Гость RSS
RSS



Подписаться на E-mail:



Давайте дружить;)

Работа в интернете и финансовая свобода
Построй свой путь к финансовой свободе!
  • 1.jpg
    Изучив этот курс, Вы узнаете ровно пять секретов создания источника Пассивного Дохода. Этого достаточно, чтобы Вы определились - какой способ больше подходит лично для Вас. Узнать подробнее
  • 2.jpg
    Секреты практического SEO
    Скидка 13%
    Думаю, Вам не нужно объяснять, насколько важно для Вашего сайта иметь первые позиции в поисковых системах по ключевым для Вас запросам. Чем больше таких высоких мест, тем больше потенциальных клиентов приходит к Вам из поисковых систем. Узнать подробнее
  • 3.jpg
    Бесплатно
    В этом бесплатном курсе вы найдете 15 видеоуроков. Это проверенная на практике модель построения успешного инфобизнеса, для тех, кто не ищет халявы, а понимает, что создание и развитие любого бизнеса – это большой труд, Узнать подробнее
  • 4.jpg
    СКАЧАЙТЕ PDF: ПЛАН ОТ 0 ДО 2,500,000 В БИЗНЕС-КВЕСТЕ,
    ДЛЯ АКТИВНО РАСТУЩЕЙ НИШИ 2017 ГОДА
    Узнать подробнее
  • 5.jpg
    Бесплатно
    Надоело работать на дядю и получать за это копейки?
    Построй свой источник дохода в Интернете!
    Что Вы получите
    Узнать подробнее

ВАШ ПОДАРОК

Ваша информация защищена на 100%! Гарантированная защита от СПАМа!


Давайте дружить;)



Скрипты [8]Макеты сайта и его составляющие [2]

Программы и обучалки » Скрипты для сайта » Скрипты » Как установить кнопки социальных сетей на сайт?


Как установить кнопки социальных сетей на сайт?

25.10.2013, 22:57

Здравствуйте! Сегодня для Вас очередной интересный скрипт с блоком добавления странички материала в социальные сети для сайта, в котором используется язык HTML. На картинке видно что у Нас должно в итоге получится! Не забываем писать комментарии и вступать в наши группы в социальных сетях Вконтакте и Facebook.

Как установить и добавить кнопки социальных сетей на сайт?

Итак, рассмотрим этот вопрос:


Шаг 1.Копируем в таблицу стилей CSS:


Код

.sharebuttons {
 float: left;
 margin: 0px 20px 20px 0px;
}


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

Ниже приведен пример, можете добавить себе на сайт, изменив на Ваши данные выделенное красным. Код нужно вставить в секцию <head> после <Title>.


Код

<meta name="twitter:card" content="summary">
<meta property="og:type" content="website">
<meta property="og:url" content="htt">
<meta property="og:image" content="http://allsoft.ru/bitrix/templates/allsoft2011/images/8let/dragon_normal.jpg" />
<meta property="og:title" content="Я – лицензионный Дракон!" />
<meta property="og:description" content="Результат теста: Дракон почти Ваш «конек»! Вы пока не можете преподавать Драконоведение, но на верном пути!" />


Результат этого примера:


Шаг 3.Копируем нижеприведенный код на страницы сайта:


Код

<span style="font-size: 11pt;"><strong><em>Поделись с друзьями:</strong></em></span><br><br>
  <div class="sharebuttons">
<noindex>  
  <a rel="nofollow" class="addthis_button_twitter" title="Поделиться в Twitter"><img src="http://fastzar.ru/crystal/twitter_64x64.png" width="62" /></a>
<a rel="nofollow" class="addthis_button_facebook" title="Поделиться в Facebook"><img src="http://fastzar.ru/crystal/facebook_64x64.png" width="62" /></a>
  <a rel="nofollow" class="addthis_button_vk" title="Поделиться в Вконтакте"><img src="http://fastzar.ru/crystal/VK64.png" width="62" /></a>
<a rel="nofollow" class="addthis_button_mymailru" title="Поделиться в Мой Мир"><img src="http://fastzar.ru/crystal/MR64.png" width="62" /></a>
  <a rel="nofollow" title="Поделиться в Одноклассники" onclick="window.open('http://www.odnoklassniki.ru/dk?st.cmd=addShare&st._surl=' + encodeURIComponent(location.href) + '&title=' + encodeURIComponent(document.title));return false" ><img src="http://fastzar.ru/crystal/OK64.png" width="62"/></a>  
<a rel="nofollow" title="Поделиться в GOOGLE+" onclick="window.open('http://plus.google.com//share?url=' + encodeURIComponent(location.href) + '&title=' + encodeURIComponent(document.title));return false" ><img src="http://fastzar.ru/crystal/plusgoogle64x64.png" width="62"/></a>  
  <a rel="nofollow" class="addthis_button_google" title="Поделиться в Google Buzz"><img src="http://fastzar.ru/crystal/google_64x64.png" width="62" /></a><br>  
</noindex>  
</div>
  <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=YOUR-ACCOUNT-ID" charset="windows-1251"></script>


Готово!


Похожие записи:
Как установить боковую панель социальных закладок?



Источник:  http://fastzar.ru
Категория: Скрипты | Теги: Скрипты
Просмотров: 1484 | Загрузок: 0

Похожие материалы:


    Как установить боковую панель социальных закладок?

    Как установить боковую панель социальных закл

    ЧИТАТЬ
    Для чего нужны мета-теги?

    Для чего нужны мета-теги?

    ЧИТАТЬ
    Как создать RSS-ленту для сайта?

    Как создать RSS-ленту для сайта?

    ЧИТАТЬ
    CSS3Ps — плагин для конвертации PSD формата в стили

    CSS3Ps — плагин для конвертации PSD формата в

    ЧИТАТЬ







Гарантированная защита от СПАМа!




Поделись с друзьями:



Уважаемые пользователи! Если Вы используете информацию с сайта, пожалуйста, ставьте ссылку на источник!


Читайте также:

Как заработать на Forex?
Заработок в букмекерских конторах
Правильная внутренняя перелинковка страниц сайта
Пассивный доход и его секреты
Партнерские программы инфопродуктов
Заработок в проекте Whole World
Заработок в игре Ферма Соседи
Самостоятельная раскрутка сайта с нуля
Заработок на легендарном Seosprint



Загрузка...


Если Вы нашли битую ссылку, пожалуйста, отпишите в комментарии!


Оставить комментарии:


Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]





нет аватара




ОБ АВТОРЕ
TELEGRAM
FACEBOOK
ВКонтакте
МОЙ YOUTUBE
Я В INSTAGRAM
ПОЛУЧАТЬ НОВОСТИ САЙТА
РЕКЛАМА


СКИДКА 13%!!!



БИЗНЕС-КВЕСТ
Кнопка сайта
Если Вам понравился данный материал, то можете рекомендовать его своим посетителям. Если Вы хотите обменяться с баннерами, пишите в форме Обратной Связи.

Работа в интернете и финансовая свобода

Код баннера
<a target="_blank" href="http://fastzar.ru" alt="Работа в интернете и финансовая свобода" title="Сайт Fastzar"><img src="http://fastzar.ru/baner/banner88x31.gif" alt="Работа в интернете и финансовая свобода"></a>
Для добавления сообщения авторизуйтесь

Вы хотите достичь финансовой независимости?
Узнайте все секреты построения успешного бизнеса в сети интернет!

Что такое инфобизнес и как он приносит деньги?

Как создать сайт и зачем он нужен в инфобизнесе?

Как зарабатывать в инфобизнесе большие деньги?

Что Вы получите:

очень полезные инфопродукты

права перепродажи на все инфопродукты

бесплатные уроки по созданию собственной системы продаж

только проверенные способы заработка в Интернете и Инфобизнесе

создание бесплатной рассылки

первый заработок в Интернете

а также Инфобизнес на автопилоте




Чтобы получить сборник, Просто введите Ваше Имя и E-mail в форму ниже и подтвердите свой e-mail, ссылка на скачивание будет выслана сразу же в письме.

Ваша информация защищена на 100%! Гарантированная защита от СПАМа!

Оставить отзыв