Добро пожаловать, дамы и господа! Используйте кнопки соцсетей, чтобы добавить меня в друзья.

Социальные кнопки Share This в раздвижном сердце и яйце

ShareThisВсем привет! Предлагаю вашему вниманию не обычные социальные кнопки Share This. В этом посте я хочу показать вам новый способ поделиться в социальных сетях вашими интересными сообщениями. Обычно мы вставляем кнопки социальных сетей под каждую статью или сверху поста. В этот раз мы делать этого не будем. А установим виджет социальных кнопок в виде раздвижного сердца, яичка или новогодней игрушки в уголок блога.

При наведении на гаджет указателем мышки он раздвигается и появляются социальные кнопки Share This, Facebook, Twitter, Pinterest, Google plus и так далее. Посмотреть и попробовать виджет можно здесь.

Социальные кнопки Share This в раздвижном яйце

share_this_gadget_blogger
Share This в раздвижном яйце

Первым делом нам нужно зайти в панель инструментов Blogger - Шаблон - Изменить HTML. Находим тег </head> и чуть выше вставляем код:

Дальше, находим следующий тег </body> и добавляем чуть выше этот код:

Готово. В первой строчке кода, можете поменять расположение виджета - left (слева) на right (справа).

Кнопки социальных сетей Share This в раздвижном сердце

bookmarking-gadget
Share This в раздвижном сердце

Всё делается так же как написано выше, только код разный. Над </head> добавляем код:

А над </body> следующий код:

Всё готово. Здесь также можно поменять расположение гаджета слева на право.

Социальные кнопки Share This в раздвижной новогодней игрушке

christmas-blogger
Share This в раздвижной новогодней игрушке

Над </head> вставляем код:

А над </body> этот:

Готово. Расположение кнопок так же можно поменять. Всего хорошего. До новых встреч.

Виджеты забугорные - spiceupyourblog

С уважением, Сергей - блог Школа Bloggera

Комментарии

  • в елочной игрушке во втором коде во второй строке после shareEgg пропущен /

    Спасибо за интересное инфо, мне очень помогает при ведении блога.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Решите задачку: *