Генератор случайных чисел   •   Online-инструменты
832 просм
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
комментариев
Гостям запрещено учавствовать в обсуждениях сайта. Авторизуйтесь, чтобы иметь возможность оставить свое мнение о материале или задать вопрос.