Социальные кнопки RSS, Google+, Facebook и Twitter

Продолжая тему создания и раскрутки блога, хочу поделится одним отличным гаджетом, который очень красиво и стильно выглядит и которым я пользуюсь сам.

Какой? Да вот этот:

Выглядит знакомо, не так ли? Так! Вот он, на моем блоге. 

Правда кнопочку фейсбука я убрал, так как она мне не очень нужна, да и панельку не помещалась.

Зачем нужен этот гаджет?

Я считаю, что соц.кнопки должны стоять на любом сайте. Да сейчас их на все сайты и ставят. Причина установки проста: он привлекает и приводит больше посетителей на блог. Так что если вам интересует вопрос раскрутки блога, то этот способ может пригодится.

Ладно! Приступим к делу!

Итак, если вас блог на Blogger, то заходим в Панель управления - Дизайн - Добавить гаджет  - HTML/JavaScript и вставляем этот код:

<style>
/*--------Touch Me Sharing Widget ------*/
.touchme a {
display:block;
height:50px;
width:50px;
padding:0 4px;
float:left;
background:transparent url(http://new-school-blogger.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>

<div class='touchme'>
<!--RSS-->
<a class='rss' href="Твоя RSS ссылка" rel='external nofollow' target='_blank'></a>
<!--Google Plus-->
<a class='googleplus' href="Ссылка на твой профиль в Google+" rel='external nofollow' target='_blank'></a>
<!--Facebook-->
<a class='facebook' href="Ссылка на твой профиль в Facebook" rel='external nofollow' target='_blank'></a>
<!-- Twitter -->
<a class='twitter' href="Ссылка на твой профиль в Twitter" rel='external nofollow' target='_blank' ></a>

</div>

Но вставить код - это только полдела. Теперь надо этот гаджет настроить.

Если вам, как и мне, не нужна какая-нибудь из этих кнопок, то удаляйте ненужные вам строки.

Не нужен RSS? Удали то, что отмечено желтым.

Не нужен Google+? Удали то, что отмечено красным.

Не нужен Facebook? Удали то, что отмечено синим.

Не нужен Twitter? Удали то, что отмечено голубым.

Теперь, когда осталось только то, что нам надо, вставь свои ссылки на профили.
Сохраняем гаджет и вставляем в нужное место. Можно даже сверху в "Названии гаджета" написать: "Коснись меня" или "Нажми на меня". Тогда приток новых подписчиков будет обязательно.

Вот и всё! Удачи!) Комментируйте, подписывайтесь, читайте