.jpg)
В наше время кнопки добавления в социальные закладки, сервисы или подписки стали для блогов просто обязательным атрибутом. Их польза и назначение больше ни у кого не вызывает сомнения, а главные дискуссии и отличие можно наблюдать лишь в способе размещения (оформления) данных кнопок. В данном блоге уже было несколько публикаций, посвященных кнопкам социальных закладок, надеюсь, уроки вам пригодились:
- Установка кнопки добавления в Facebook для BloggerУстановка кнопки Google Buzz в блоге на Blogger (хотя сервис сейчас уже не актуален) Инструменты и сервисы Twitter для Blogger (кстати, у твиттера появилась оригинальная собственная кнопка)
Теперь самое время рассказать о том как можно соединить воедино несколько этих элементов, причем сделать это весьма оригинальным образом. Нечто подобно реализовано на известном сайте Mashаble, когда вместе с прокруткой страницы блок социальных иконок также передвигается. Согласитесь, очень удобно и компактно организовано. Что подобное не составляет труда повторить на Wordpress, потому что для этой платформы существуют специальные плагины для кнопок социальных закладок. С Blogspot все как обычно сложнее, тем не менее близкую по сути и форме секцию организовать можно и на нашей любимой платформе. Вариант 1 Перво-наперво не забудьте сделать резервную копию шаблона. После этого заходим в раздел “Дизайн”, меню “Изменить HTML”, ставим галочку расширить шаблоны виджета. Шаг1. Находим в верхней части кода ]]> и перед ним добавляем стили оформления:
#sharebox { background-color:#FFFFFF; border-color:#C1CDCD; border-style:solid; border-width:1px; left:103px; bottom:40px; margin-top:10px; position:fixed; width:64px; } #sharebox. float {margin:7px} .FBConnectButton_Text { font-size: 8px; padding:2px 4px 3px! important; }
Шаг 2. Находим строку