Как добавить виджет Социальных сетей Google Plus, Facebook, Twitter и RSS

Автор Damir-Tote. Опубликовано в Блог, Гаджеты Блогспот

Добрый день читатели блога damirtote.ru! В сегодняшней статье я расскажу, как добавить виджет социальных сетей Google Plus, Facebook, Twitter и RSS. Все эти кнопки социальных сетей полезны тем, что ваши читатели могут подписаться на все 4 варианта. Тем самым вы увеличиваете круг ваших подписчиков.
Как добавить виджет Социальных сетей
Чем хорош этот виджет, так тем, что кнопки меняют свою форму при наведении на нее, что делает ее не обычным, заставляя посетителей подписаться на Вас.
Этот виджет хорошо структурированный и имеет привлекательный вид. Выполните следующие шаги, чтобы добавить этот виджет на Ваш Blogger:
 
Шаг 1. Перейти в Blogger – Шаблон.
Шаг 2. Добавить гаджет HTML/JavaScript.
Шаг 3. Скопируйте и вставьте приведенный ниже код.
 
<style>
/*——— Sharing Widget ——*/
.touchme a {
display:block;
height:50px;
width:50px;
padding:0 4px;
float:left;
background:transparent url(http://beautifulbloggerwidgets.googlecode.com/files/Sharing%20Touch%20Me.png) no-repeat;
-webkit-transition: ease-in 0.2s all;
-moz-transition: ease-in 0.2s all;
-o-transition: ease-in 0.2s all;
-ms-transition: ease-in 0.2s all;
transition: ease-in 0.2s all;
cursor:pointer;
}
.touchme a.googleplus {
background-position: 0px -58px;
}
.touchme a.googleplus:hover {
background-position: 0px 0px;
}
.touchme a. twitter {
background-position: 0px -290px;
}
.touchme a. twitter :hover {
background-position: 0px -232px;
}
.touchme a. facebook {
background-position: 0px -406px;
}
.touchme a. facebook :hover {
background-position: 0px -348px;
}
.touchme a. rss {
background-position: 0px -174px;
}
.touchme a. rss :hover {
background-position: 0px -116px;
}
</style>
<p style=»display:none;»> <a href=»http://www.damir-tote.ru/»></a></p>
<div class=’touchme’>
<!— RSS —>
<a class=’ rss ‘ href=» RSS URL» rel=’external nofollow’ target=’_blank’></a>
<!— Google Plus —>
<a class=’googleplus’ href=» GOOGLE URL» rel=’nofollow’ target=’_blank’></a>
<!— Facebook —>
<a class=’ facebook ‘ href=» FACEBOOK URL» rel=’nofollow’ target=’_blank’></a>
<!— Twitter —>
<a class=’twitter’ href=»TWITTER URL» rel=’nofollow’ target=’_blank’ ></a>
</div>
 
Естественно URL заменяем на свои собственные и пользуйтесь, сохранив гаджет.
 
Все это выполняется очень быстро, легко и вы получите красивые меняющиеся социальные кнопки для своего блога.

Любой блоггер имеет ПК или в большинстве случаев ноутбук, если что-то необходимо, то мы бежим покупать в магазины, но можно иначе, онлайн. Любые аксессуары для ноутбуков оптом можно приобрести в интернет-магазине Либерти liberti.ru. Огромный выбор аксессуаров, особо важно приобрести защитные пленки для ноутбуков, а то часто глаза болят из-за постоянного сиденья перед компьютером.

Трекбэк с Вашего сайта.