Плавающие социальные кнопки всегда сверху



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


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

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

Посмотрите на рисунке пример кнопок.

Установка в шаблон блога кода кнопок соц сетей

Итак, кого заинтересовала эта информация, давайте приступим к установке таких кнопок в шаблон блога.

В черновике блоггер нажимаем-шаблон. Не забывайте делать резервную копию шаблона. Далее нажимаем-изменить шаблон. Здесь находим тэг <body> или вот такую строку

<body expr:class='&quot;loading&quot; + data:blog.mobileClass'>

И сразу внизу вставляем код, посмотрите на скриншоте


Куда в шаблоне установить код кнопок плавающих социальных сетей



Все необходимые настройки прочитайте внизу кода. Можете поэкспериментировать с размером и цветом шрифта, а так же изменить фон кнопок. 

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

Вот собственно и вся информация об установке плавающих кнопок. Будут вопросы, пишите. Если Вам понравилась статья, поделитесь со своими друзьями в социальных сетях. Всего Вам Доброго.



Автор статьи ✎ Olga Protasova Выпуск ✹ 9/05/2014 Ярлыки ►


Открыть комментарии →

4 коммент. :

  1. Оля, привет. Только начала читать этот пост сразу подумалось, как можно использовать код для других целей. А в конце ты сделала уже поправку. Одинаково мыслим.

    ОтветитьУдалить
    Ответы
    1. Вика, здравствуй. У нас с тобой складывается тандем одинаково мыслящих.Здорово, будем дополнять друг друга. Кстати, ты заметила, я применила на практике публикацию кода в тестовом блоге, правда пока только с перенаправлением. Надо будет попробовать еще твой вариант.

      Удалить
  2. Привет Ольга. Нет, ещё не посмотрела. Сейчас пойду гляну. А я ещё не пробовала. Осень-банки, заготовки. Наверстаю.

    ОтветитьУдалить
    Ответы
    1. Пробуй Вика, главное, что не грузим основной блог метровыми кодами.

      Удалить


 
Технологии Blogger.

Форма для связи

Имя

Электронная почта *

Сообщение *