Новое в блоге
Loading...
10 июн. 2012 г.

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


Привет! Быстрое развитие социальных медиа и растущий интерес людей в социальных сетях, породил множество социальных инструментов обмена, добавления в закладки и т.д. Блоггеры сегодня во многом зависят от самых популярных соцсетей, таких как Facebook, Google плюс и Twitter, для привлечения трафика на свой любимый ​​блог.

 Поэтому сегодня я хочу представить Вам виджет для Blogger: красивые кнопки социальных сетей на боковую панель. Всего четыре кнопочки-- RSS,Google плюсFacebookTwitter. Кнопки имеют привлекательный вид,что заставляют посетителей и читателей вашего блога, подвести курсор мышки к ним. А если добавить надпись например: "дотронься до меня" (Touch Me) или "нажмите меня", то Вы в итоге получите- увеличение поклонников и читателей блога. Теперь можно посмотреть скриншот виджета социальных кнопок RSS, Google плюс, Facebook, Twitter:
Кнопки RSS,Google плюс,Facebook,Twitter на боковую панель
Для большей наглядности прошу смотреть демо.Только ни в коем случае не нажимайте (конечно шутка).

Установка виджета: кнопки социальных сетей 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="YOUR RSS LINK" rel='external nofollow' target='_blank'></a>
<!--Google Plus-->
<a class='googleplus' href="YOUR GOOGLE PROFILE LINK" rel='external nofollow' target='_blank'></a>
<!--Facebook-->
<a class='facebook' href="YOUR FACEBOOK LINK" rel='external nofollow' target='_blank'></a>
<!-- Twitter -->
<a class='twitter' href="YOUR TWITTER LINK" rel='external nofollow' target='_blank' ></a>

</div>

Теперь вставляем ссылки на ваши профили социальных сетей и поток RSS, сохраняем гаджет и всё готово. Желаю удачи. До новых встреч дорогие друзья.

Виджет взят за бугром- mybloggertricks.com

Ух ты кнопочки! Понравилась статья? Поделитесь с друзьями:

6 коммент. :

  1. Давно пытался поставить их себе, но отображается пустой квадрат. В чем может быть проблема? На несколько блогов попробовал и везде так.

    ОтветитьУдалить
    Ответы
    1. Максим, попробуйте поменять ссылку на кнопки на вот эту:http://db.tt/CKqtnKmn

      Удалить

 
Footer