Кнопки социальных сетей - Facebook, Twitter, Вконтакте, Google+ для блога

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

Установка :

"Дизайн" -- "Добавить гаджет" -- "HTML/JavaScript" -- код гаджета.

И вставляем код который прописан ниже.

Так же не забудьте поменять мои адреса профилей соц сетей, на свои (они выделены красным цветом). Сохраняем и любуемся ).

Код иконок.

<style> #social a:hover {background-color: transparent;opacity:0.7;} #social img { -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } #social img:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } </style> 
<center>
<div id="social">
<a href="http://feedburner.google.com/fb/a/mailverify?uri=blogspot/MbbDy&amp;loc=ru_RU" rel="nofollow" target="_blank" title="Получать свежие статьи на Email"><img alt="Icon" border="0" src="http://1.bp.blogspot.com/-6Db4xlsxpfM/UCd62NNnDFI/AAAAAAAACXM/7juUQLsr7lg/s1600/RSS-EMAIL-48.png" style="margin-right: 1px;" /></a>    <a href="https://www.facebook.com/" rel="nofollow" target="_blank" title="Facebook"><img alt="Icon" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4fV_iagqUYDSDhNF1mnZmxivCB1tIWQ1X1-w-GzAVUNkCMz99iSXVWxyj22CMOeyJHzDWEE4vM6R1tU1gpew48GV_KwCyBG5-xRM4LZkAYEbxvmROvZYKkh0jb3nlr3hszcuVfO2ajs4/s1600/FACEBOOK-48x48.png" style="margin-right: 1px;" /></a>   <a href="https://twitter.com/" rel="nofollow" target="_blank" title="Twitter"><img alt="Icon" border="0" src="http://1.bp.blogspot.com/-JuuqzK04p8s/UCS5x16X97I/AAAAAAAACWs/bWjTy0p3ueI/s1600/TWITTER-48x48.png" style="margin-right: 1px;" /></a>   <a href="https://plus.google.com/" rel="nofollow" target="_blank" title="Google+"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-3cV-MZSNkiEcE3gjBrUrNBZf8Fh2Mngs3wL4ewcc4IPSf1A9L3E09R8-sA2LfmZBxGUKx8H5ZX4o68rsTlgApU1RaTbbdwtELJmd7aB7gLT82lnoSuTSo8I1uxy5K6RlRfNnQ34fKI8/s1600/GOOGLE-PLUS-48x48.png" style="margin-right: 1px;" /></a>   </div>   </center>

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

Пример сайдбара.