10.3.16

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

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

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

Предлагаю установить 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="http://3.bp.blogspot.com/-JJAnjTFe4mQ/UA6_gexOboI/AAAAAAAAH8w/pUVfxnjRUM4/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="http://4.bp.blogspot.com/-dkmDM3RXcoE/UA6_d28wCyI/AAAAAAAAH8Y/9E3PI3lXueM/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="http://3.bp.blogspot.com/-TrNf8cdHE6w/UA6_iRAUK_I/AAAAAAAAH88/Jo7RAX207xo/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="http://2.bp.blogspot.com/-VeOVFTKCvHw/UA6_em6-aOI/AAAAAAAAH8c/Uu4blSzFwLk/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> – в конец.
Уверена, что вы сможете установить кнопки социальных сетей в сайдбар блога и под каждое сообщение – статью.


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

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

    ОтветитьУдалить
  2. Татьяна, спасибо за столь доступный урок.
    Кнопочки социальных сетей установила как в сайт баре, так и в сообщениях.

    ОтветитьУдалить
    Ответы
    1. Вы просто прилежная и способная ученица, Ирина!

      Удалить