Генератор случайных чисел
Артем Мáлков
327 просм
0 комм
Поделиться

Кнопки «Twitter» html

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

Сами кнопки имеют 2 типа дизайна и выполняют 2 функции: 4 верхние кнопки больше подойдут для страницы контактов, и с их помощью вы сможете указать привлекательную ссылку на ваш профиль в Twitter, 2 нижних предоставят возможность делиться материалами вашего сайта в этой социальной сети.

Кнопки «Twitter» html

В архив входят стили (style.css), логотип и сами кнопки (index.html), которые закомментированы, и получить код понравившейся не составит для вас труда.

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

<script>
Share = {
twitter: function() {
url  = 'http://twitter.com/share?';
url += 'text='      + encodeURIComponent(document.title);
url += '&url='      + encodeURIComponent(window.location.href);
url += '&counturl=' + encodeURIComponent(window.location.href);
Share.popup(url);
},
popup: function(url) {
window.open(url,'','toolbar=0,status=0,width=626,height=436');
}
};
</script>
ФайлРазмерСсылка
0
комментарий
Оставить комментарий:
Нажимая кнопку «Отправить» вы даете согласие на обработку своих персональных данных.
Ваше Имя
Ваш E-mail
Текст комментария