Установка в блог плавающих сверху веб страниц кнопок социальных сетей
Доброго времени суток дорогие блоггеры. У меня в блоге достаточно информации о кнопках социальных сетей, выбор не маленький, какие хотите: установка виджетом, под сообщением, в заголовке блога, плавающие слева и справа страницы.
Сегодня хочу предложить Вам еще один вариант установки кнопок в шаблон блога. Отличие в том, что эти плавающие кнопочки при прокрутке страницы будут всегда сверху.
Посмотрите на рисунке пример кнопок.
Итак, кого заинтересовала эта информация, давайте приступим к установке таких кнопок в шаблон блога.
В черновике блоггер нажимаем-шаблон. Не забывайте делать резервную копию шаблона. Далее нажимаем-изменить шаблон. Здесь находим тэг <body> или вот такую строку
<body expr:class='"loading" + data:blog.mobileClass'>
И сразу внизу вставляем код, посмотрите на скриншоте
Все необходимые настройки прочитайте внизу кода. Можете поэкспериментировать с размером и цветом шрифта, а так же изменить фон кнопок.
Вы можете использовать этот виджет в другом направлении. Измените названия кнопок например, на партнерские программы. Соответственно вместо адресов социальных сетей, вставьте адреса Ваших партнерских ссылок.
Вот собственно и вся информация об установке плавающих кнопок. Будут вопросы, пишите. Если Вам понравилась статья, поделитесь со своими друзьями в социальных сетях. Всего Вам Доброго.
Рекомендуемый контент:
Оля, привет. Только начала читать этот пост сразу подумалось, как можно использовать код для других целей. А в конце ты сделала уже поправку. Одинаково мыслим.
ОтветитьУдалитьВика, здравствуй. У нас с тобой складывается тандем одинаково мыслящих.Здорово, будем дополнять друг друга. Кстати, ты заметила, я применила на практике публикацию кода в тестовом блоге, правда пока только с перенаправлением. Надо будет попробовать еще твой вариант.
УдалитьПривет Ольга. Нет, ещё не посмотрела. Сейчас пойду гляну. А я ещё не пробовала. Осень-банки, заготовки. Наверстаю.
ОтветитьУдалитьПробуй Вика, главное, что не грузим основной блог метровыми кодами.
Удалить