Как добавить плавающую кнопку Твиттер без плагина

Автор:
Nurlan Kemelbekov

Устанавливаем небольшой фрагмент JQuery для того, чтобы добавить плавающую кнопку Твиттер на все страницы вашего блога. Вы можете посмотреть демо здесь, на maks-1.com (в правом нижнем углу).

Здесь всего два шага нужно сделать до того, как увидеть красивую и оригинальную плавающую кнопку Твиттер на своих страницах.

Шаг 1
Загрузить копию птицы Twitter (или любой другой значок, который вы хотите использовать), и обозначить путь к изображению для следующего шага.

Шаг 2
Включить следующие JQuery вместе с другими JavaScript:

// Это код JQuery, чтобы добавить плавающую кнопку Твиттер

$(document).ready(function(){
var url = window.location.pathname;
var enc = encodeURIComponent('В настоящее время Вы находитесь на: http://maks-1.com' + url + ' @Дом и семья'); // tweet template
var bgi = '/wp-content/themes/yourtheme/img/twitter.png'; // path to twitter icon
$('body').append('<div id="twitter"><a id="twitter_link" href="http://twitter.com/home?status=' + enc + '" title="Поделиться на Твиттер" rel="nofollow" target="_blank">Tweet здесь!</a></div>');
$('#twitter a').css({
width:'36px', height:'36px', position:'fixed', bottom:'9px', right:'75px', textIndent:'-9999em', opacity: 0.7,
cursor:'pointer', zIndex:9999, textDecoration:'none', background:'url(' + bgi + ') no-repeat center center',
}).hover(function(){
$(this).css('opacity',1.0);
},function(){
$(this).css('opacity',0.7);
});
});

Почти готово. Просто нужно сделать несколько изменений: настроить «твит шаблон» на 4-й линии

Изменить «Путь к Twitter иконке» на 5-й линии
Кроме этого, вы можете редактировать CSS в соответствии с дизайном вашего сайта (линии № 8 и № 9). Не так уж много телодвижений, чтобы добавить плавающую кнопку Твиттер без плагина на блоге WordPress. Не правда ли?

Продолжение: Добавить плавающие кнопки социальных сетей без WordPress плагина



Вам также может понравиться:


Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

* Copy This Password *

* Type Or Paste Password Here *

шестнадцать − 4 =

Я просто хотел сказать, как сильно я ценю Ваш комментарий на мой пост. Спасибо Вам !!