Кнопки «Мне нравиться» в одну строчку

Фев 24, 2014

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

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

SEO sprint - Всё для максимальной раскрутки!

   Кнопки можно установить на сайт воспользовавшись сервисами, в которых уже собраны кнопки социальных сетей, в этой статье написаны как это сделать. Или самим установить по отдельности эти кнопки, как это сделать можно узнать тут.

   Если собирать и устанавливать кнопки самим по отдельности, то они будут стоять один на другим, что выглядеть не очень красиво. А можно их сделать все в одну строчку. У каждой кнопки социальной сети есть свой код, который состоит из двух частей. Первую часть устанавливают либо после тега <head> или <body>, а вторую часть том месте где хотите чтобы отображались кнопки. Обычно они стоят в конце каждой статьи.

   Вторые части кода кнопок собираете вместе и заключаете в тег <div> и присваиваете ему class например «social» или любое другое название какое захотите. Также надо будет присвоить class каждой кнопки, например vk, fb, twit и так далее. Код будет выглядеть примерно так:

<div class=»social»>
<div class=»twit»>
Вторая часть кода
</div>
<div class=»vk»>
Вторая часть кода
</div>
<div class=»fb»>
Вторая часть кода
</div>
И так далее в зависимости от того какие кнопки еще социальных сетей хотите установить
</div>

   А потом для каждого class в таблице стилей пропишите данные, отступы, расстоянии между кнопками и так далее. И кнопки готовы.

На главную страницу                                                                  Все статьи сайта