Уважаемые посетители, вы можете добавить БЕСПЛАТНО свою статью с одной ссылкой при условии, что вы оставили 10 осмысленных комментариев к любой статье!
Здравствуйте! Сегодня для Вас очередной интересный скрипт с блоком добавления странички материала в социальные сети для сайта, в котором используется язык 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>
</noindex>
</div>
Сегодня я готова поделиться с Вами такой боковой панелью с социальными закладками. Как она работает и что даёт? Как видно на картинке, после добавления кода на сайт, сбоку слева появится мини-панель с кнопками социальных закладок, нажав на которые пользователи смогут поделиться Вашим сайтом со св
Мета-теги – специальные, необязательные атрибуты, предназначенные сугубо для поисковых систем. Размещаются мета-теги непосредственно после «Title» в секции <head> могут содержать в себе описание страницы, ключевые слова, запрет/разрешение на индексацию
На многих движках уже есть встроенные RSS-ленты, осталось их только настроить и добавить в FeedBurner. А как добавить ленту и настроить FeedBurner читайте в статье: Подробнее >>
Очень часто при верстке сайтов приходится сталкиваться с тем, что дизайнер намудрил всяких красивостей и нужно каждый раз разбирать по кусочкам всякие слои с тенями шрифтов. Казалось бы – делай свою работу, тебе за это платят.
Но, вдруг, откуда не возьмись, появились Подробнее >>
Поделись с друзьями:
Уважаемые пользователи! Если Вы используете информацию с сайта, пожалуйста, ставьте ссылку на источник!
Если Вам понравился данный материал, то можете рекомендовать его своим посетителям. Если Вы хотите обменяться с баннерами, пишите в форме Обратной Связи.
Код баннера
<a target="_blank" href="https://fastzar.ru" alt="Работа в интернете и финансовая свобода" title="Сайт Fastzar"><img src="https://fastzar.ru/baner/banner88x31.gif" alt="Работа в интернете и финансовая свобода"></a>
Уважаемый пользователь!
Поздравляю Вас с регистрацией. Чтобы авторизоваться на сайте, Вам необходимо подтвердить адрес электронной почты.
Преимущества:
+ отсутствие навязчивого окна;
+ подписка на уведомления сообщений или комментариев;
+ возможность восстановить забытый пароль от профиля;
Узнайте все секреты построения успешного бизнеса на партнерских программах!
Что Вы получите:
бесплатные уроки по созданию собственной системы продаж
список партнерских программ для бизнеса и необходимых сервисов
первый доход в Интернете
Что Вы узнаете:
Как Вам запустить Ваш Интернет-проект, даже если Вы новичок?
Как Вам гарантированно заработать Ваш первый чек через Интернет?
Как масштабировать Ваш бизнес в интернет для увеличения прибыли?
Помогу с автоматизацией продвижения Вашего бизнеса в интернет
Чтобы получить PDF-книгу, Просто введите Ваше Имя и E-mail в форму ниже и подтвердите свой e-mail, ссылка на скачивание будет выслана сразу же в письме.