Симпатичные "кнопки - карамельки".

соцсети
Всем, доброго времени суток. Хочу предложить вам ещё один блок красивых кнопок социальных сетей. Безусловно, они должны быть на каждом блоге, чтобы посетители могли присоединиться к вашим страницам, в той или иной сети. Вариантов их очень много. Последний раз я писала пост о миниатюрных кнопках,
которые установлены в этом блоге над сообщениями. Если вы хотите такие же его пропустили - почитайте про них здесь.

Сегодня очень симпатичные "кнопочки - карамельки", так я их назвала, с красивым эффектом. Посмотрите на них на тестовом блоге.
Код совершенно простой. Устанавливается в гаджет  HTML/JavaScript в любое место блога. Или в конце сообщения. Заранее узнайте адреса своих страниц в соц. сетях. Здесь есть пост на эту тему.

<--RSS-->
<a class="spice-popout" rel="nofollow" href="http://feeds.feedburner.com/shpargalochkiru " target="_blank"><img src="http://i.imgur.com/7lsUogp.png" /></a>
<!--Email-->
<a class="spice-popout" rel="nofollow" href=" http://www.shpargalochki.ru/p/blog-page_2746.html" target="_blank"><img src="http://i.imgur.com/oJeNikj.png" /></a>
<!-- Google Plus-->
<a class="spice-popout" rel="nofollow" href=" https://plus.google.com/u/0/+%D0%92%D0%B8%D0%BA%D0%B0%D0%91%D0%B0%D1%80%D0%B0%D0%B4/posts" target="_blank"><img src="http://i.imgur.com/F70aY6r.png" /></a>
<!--Facebook-->
<a class="spice-popout" rel="nofollow" href=" https://www.facebook.com/viktoria.barad" target="_blank"> <img src="http://i.imgur.com/g4KQ38R.png" /></a>
<!--Twitter-->
<a class="spice-popout" rel="nofollow" href=" https://twitter.com/VikserV" target="_blank"> <img src="http://i.imgur.com/rRbcRlQ.png" /></a>

<!--YouTube-->
<a class="spice-popout" rel="nofollow" href=" https://www.youtube.com/c/%D0%92%D0%B8%D0%BA%D0%B0%D0%91%D0%B0%D1%80%D0%B0%D0%B4" target="_blank"><img src="http://i.imgur.com/OukhzWK.png" /></a>

<style>
.spice-popout{height:48px; width:48px; margin:10px; float:left; display:inline-block; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -o-transition:all ease 0.5s; -ms-transition:all ease 0.5s; transition:all ease 0.5s}
.spice-popout img{border-radius:50%; margin:8px; width:100%; box-shadow:0px 0px 4px 1px rgba(0,0,0,0.8); -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -o-transition:all ease 0.5s; -ms-transition:all ease 0.5s; transition:all ease 0.5s}
.spice-popout img:hover{margin:0px; box-shadow:6px 6px 4px 4px rgba(0,0,0,0.3)}
</style>


В строки, помеченные розовым и синим цветом вставляйте свои адреса. Если какой-то из пунктов не нужен, просто убирайте фрагмент кода вида -

<!--YouTube-->
<a class="spice-popout" rel="nofollow" href=" https://www.youtube.com/c/%D0%92%D0%B8%D0%BA%D0%B0%D0%91%D0%B0%D1%80%D0%B0%D0%B4" target="_blank"><img src="http://i.imgur.com/OukhzWK.png" /></a>

Вот и всё. Такие кнопки - карамельки обязательно привлекут внимание ваших читателей.

А у меня на сегодня всё. Спасибо за ваш визит и до новых встреч.

здесь можно оформить подписку на новые шпаргалки

Введите Ваш email


4 комментария:

  1. Добрый день, Вика. Смотрятся кнопочки очень мило. Действительно, как карамельки.

    ОтветитьУдалить
    Ответы
    1. Спасибо, Любовь. Я думала их сначала вообще лединцами обозвать, но карамельки показалось лучше.

      Удалить
  2. Карамельки прямо хочется съесть... У меня уже стоят разные кнопки.

    ОтветитьУдалить
    Ответы
    1. Ирина, это правда, прямо карамельки-карамельки. Или леденцы. Монпансье́

      Удалить

Пользовательский поиск
Foto Saya
My Photo