Сегодня я покажу Вам, как установить фиксированные кнопки социальных сетей на Blogger.
![кнопки социальных сетей на Blogger фиксированные кнопки социальных сетей](https://2.bp.blogspot.com/-elCf4-duL9w/UPAoOzHEujI/AAAAAAAABlo/ApGEzvmG2d0/s200/%25D0%25BA%25D0%25BD%25D0%25BE%25D0%25BF%25D0%25BA%25D0%25B8.jpg)
Но после я захотела поставить себе кнопки поярче и покрупнее, сразу привлекающие внимание.
Кроме того, мне захотелось поставить эти кнопки так, чтобы они всегда были на глазах, а не убегали при прокрутке страницы.
Вот эти 2 причины и привели меня в поисковую систему Google, чтобы найти сервис с привлекательными кнопками, а уж поставить их так, как мне надо, - не проблема.
Такой сервис я нашла, называется: Pluso. Кликайте по названию, заходите на него, выбирайте стиль кнопок. Я выбрала 2-й ряд квадратных.
![кнопки социальных сетей на Blogger фиксированные кнопки социальных сетей](https://lh5.googleusercontent.com/-CTDp8HMYmhc/UPA3b-F99uI/AAAAAAAABmE/a8ELGEYlCmA/s640/%25D0%25BF%25D0%25BB%25D1%258E%25D1%2581%25D0%25BE1.jpg)
В дополнительных опциях я выбрала: вертикальные, яркие, крупные, без счетчика, с фоном. Если Вы тоже выберете с фоном, то сразу же сможете выбрать цвет фона на палитре. Ниже есть просмотр, сразу видно, как это будет выглядеть.
Следующим этапом выбирайте сервисы, которые у Вас будут на виду (основные) и скрыты под знаком «+» (дополнительные). Их можно перетаскивать: из дополнительных - в основные и наоборот, а также менять порядок следования. Удалить только нельзя. И что-то добавить, к сожалению, тоже.
Итак, все выбрали, посмотрели предпросмотр: все Вас устраивает? Тогда нажимайте кнопку «КОПИРОВАТЬ» ниже кода для вставки и идите во вкладку «Дизайн» своего блога.
Чтобы лишний раз не залезать в шаблон, я решила вставить этот код в гаджет, причем в тот гаджет, который находится под сообщением.
![кнопки социальных сетей на Blogger фиксированные кнопки социальных сетей](https://2.bp.blogspot.com/-EKIjdkG6Je4/UO_uqto7QwI/AAAAAAAABkc/EtsJXko3ETU/s640/%25D0%25BF%25D0%25BB%25D1%258E%25D1%2581%25D0%25BE2.jpg)
Нажимайте Добавить гаджет, выбирайте HTML/JavaScript и вставляйте скопированный код (например, сочетанием горячих клавиш Ctrl+V). Если Вы хотите, чтобы кнопки у Вас стояли так же, как у меня, то в этот код необходимо сделать небольшую вставку.
![кнопки социальных сетей на Blogger фиксированные кнопки социальных сетей](https://lh6.googleusercontent.com/-bLz4YFENbqQ/UPAA4k5DlOI/AAAAAAAABlQ/nAhyMbCO1iU/s480/%25D0%25BF%25D0%25BB%25D1%258E%25D1%2581%25D0%25BE3.jpg)
Если Вы выбирали кнопки с фоном, то после кода:
<div class='pluso pluso-theme-bewel pluso-vertical' style="background:#7bb9f9;
(причем набор символов 7bb9f9 у Вас будет другой, потому что цвет фона Вы выбрали свой, а не мой), Вам нужно вставить это:
display:scroll; position:fixed; top:90px; left:50px;
Разделите пробелом то, что было, и Вашу вставку.
В случае, если Вы выбрали кнопки без фона, вставляйте код:
style="display:scroll; position:fixed; top:90px; left:50px;"
после:
<div class='pluso pluso-theme-bewel pluso-vertical'
Опять же, отделите пробелами вставку.
Еще, возможно, что строка с тегом div будет покороче, например, вот такая:
<div class='pluso' (Все течет, все изменяется, и я не могу предусмотреть всего на всю жизнь).
Еще, возможно, что строка с тегом div будет покороче, например, вот такая:
<div class='pluso' (Все течет, все изменяется, и я не могу предусмотреть всего на всю жизнь).
Сохраните гаджет, сохраните расположение и просмотрите блог. Должно получиться примерно, как у меня. Как бы вы не крутили полосу прокрутки, кнопки должны остаться неподвижными.
![кнопки социальных сетей на Blogger фиксированные кнопки социальных сетей](https://4.bp.blogspot.com/-oSMNCdR6FTQ/UO_urehoipI/AAAAAAAABks/92y1kBaiRUs/s640/%25D0%25BF%25D0%25BB%25D1%258E%25D1%2581%25D0%25BE4.jpg)
Вам понравилась статья? Поделитесь ссылкой с друзьями:
0 коммент.:
Отправить комментарий