Кнопки социальных сетей помогают продвижению блога в
социальных сетях.
С помощью кнопок автор блога и его читатели имеют возможность
подавать социальные сигналы – делиться статьями блога и заходить в социальные
сети автора блога.
Предлагаю установить 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> – в конец.
Кнопки социальных сетей на блоге - очень важная составляющая продвижения блога и удобный способ публикации статей в социальных сетях.
ОтветитьУдалитьТатьяна, спасибо за столь доступный урок.
ОтветитьУдалитьКнопочки социальных сетей установила как в сайт баре, так и в сообщениях.
Вы просто прилежная и способная ученица, Ирина!
Удалить