Быстрый и надёжный хостинг на SSD-дисках от 220 ₽ в месяц   •   Реклама
Артём Мáлков

Кнопки «Twitter» HTML

27 дек0 комм

Продолжая тему о взаимодействии сайта с социальной сетью 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>

До новых встреч!

Файл
Размер
Ссылка
twitter_button.zip
4,89 Kb
Скачать с сервера
0
комментариев
Форма комментирования этого поста скрыта. Авторизуйтесь, чтобы расширить привилегии гостевого посещения и получить необходимую помощь от сообщества Pandoge.
Подняться наверх
«Pandoge» - помощник вебмастера