Информер доступности Интернета   •   Магазин расширений
410 просм
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
Текст комментария