◊ Установка кнопок социальных сетей в сайдбар блога и в сообщения

Кнопки социальных сетей помогают продвижению блога в социальных сетях. 

С помощью кнопок автор блога и его читатели имеют возможность подавать социальные сигналы – делиться статьями блога и заходить в социальные сети автора блога.

Предлагаю установить 4 кнопки социальных сетей в сайдбар блога.

Как установить кнопки социальных сетей в сайдбар блога?

Как установить кнопки социальных сетей в сайдбар блога смотрите в фильме: 

HTML-код 4 КНОПОК социальных сетей для сайдбара блога:

<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"> <!--Start Rss Icon--> <a title="Grab Our Rss Feed" href="http://feeds.feedburner.com/blogspot/zDtKXR"rel="nofollow" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrr9l5JHaKRm4pz-w3sapYotABhVIoGP1p_czl4pJYkpoCC5WNCH0nPUWoQ-dHd5o-7aaYKc8r56HdayQZm3bVf0yoMrRvZFaeEN9DF3rOZQRdk6NhA_MQryU5_lL782ro-e40iVOKp_fX/s1600/RSS-10x10.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Rss Icon-->  <!--Start Facebook Icon--> <a rel="nofollow" title="Like Our Facebook Page" href="https://www.facebook.com/tiosharina" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1bOkly9n4bFr24wVCZCoGxgRruz9sC-R4iNnaTKXVQCSlrz2Gjsv6XvfAguougq78tIhubMOBu7x5XUzd2gpQ-Db-ckJcEVj2uzVpVRHtyag7QIwu9wEi8bHDr0nyGIm47RjRCwnE3iYm/s1600/FACEBOOK-10x10.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Facebook Icon--> <!--Start Twitter Icon--> <a rel="nofollow" title="Follow Our Updates On Twitter" href="https://twitter.com/tiosharina" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-5VDRMoX2-t1MEEvksvkKbodRURRnSPNKXpVAbBNLfzuZ1x0piLXPMHZAHp3o9hQNWMoNP8kcv9hlYP-j-hE_rUSoQr_UPc4SzRXlBZcLtrzlYoMigTA-7bBNjrxEFkGKUXKIbp2z2TVI/s1600/TWITTER-10x10.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Twitter Icon--> <!--Start Google+ Icon--> <a title="Follow Us On Google+" rel="nofollow" href="https://plus.google.com/u/0/100367616540927883275/posts" target="_blank"><img style="margin-right:1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNGX0gaFM7tsbt-jj5QW8d-JJISm6GuThyQbvMjfF6r9KSPbZmKayQztsCnwyFTzUqQGnbcQfJvl8QMDftngaU57r79xSoUqAVqXLHkj0Zy2VUrBqrXbm3UK2eELW5B_G-3ZhWOg25hzh6/s1600/GOOGLE-PLUS-10x10.png"/></a> <!--End Google+ Icon-->  </div><br/>  </center>

HTML-код отредактируйте:

Выделенные различными цветами ссылки на профили социальных сетей замените на свои:

ссылка красного цвета – ссылка на RSS-лену блога,

ссылка зелёного цвета – ссылка на профиль FACEBOOK,

ссылка оранжевого цвета – ссылка на аккаунт в twitter,

ссылка синего цвета – ссылка на профиль Google+

Установка кнопок социальных сетей в сообщение блога

Установка кнопок социальных сетей в сообщение блога с помощью сервиса Share.pluso.ru, где создаётся HTML-код кнопок социальных сетей для каждого сообщения на блоге и вставляется в статью с помощью HTML редактора.

Смотрите подробно об установке кнопок социальных сетей в сообщение блога в фильме:

HTML- код для центрирования любого HTML-кода на блоге:

<div align="center">

</div>

Первая часть <div align="center"> ставится в начало кода, вторая часть </div> – в конец.

Уверена, что вы сможете установить кнопки социальных сетей в сайдбар блога и под каждое сообщение – статью.

Подписаться на Школу-студию "Вдохновение" по E-mail