Новое в блоге
Loading...
17 янв. 2012 г.

Как создать виджет Google Plus для Blogger

Всем привет! Виджет Google Plus или проще Google+ позволяет показать посетителям вашего блога в режиме реального времени, число людей добавивших Вас в свои круги. Также есть возможность не выходя из блога, при помощи кнопки “Add To Circles” добавить Вас или вашу персональную страницу блога в круги Google Plus. Виджет является полностью настраиваемым и легко ставится в блог. Вот так выглядят мои виджеты Google Plus:
Мой виджет Google+
И так персональной страницы "Школа Blogger(а)" который находится внизу блога (сейчас уже нет), кстати не забудьте добавит блог в свои круги:

Виджет Школа Blogger(а) на Google+
Как добавить виджет Google Plus (Добавить в круги Google+) в Blogger

Вам просто нужно зайти на домашнюю страницу виджет Google Plus и нажать кнопку

Нажать такую кнопку
Создайте свой виджет с помощью вкладки и полностью настройте его внешний вид:

Создание и настройка виджета
Вкладка "Basic settings"- Введите ваш Google + ID, Вы можете получить свой Google Plus ID ,перейдя на cвою страницу профиля Google+, а затем нужно скопировать цифровой код из вашей адресной строки браузера, как показано ниже:

Нажмите на ваш профиль

Цифровой код в браузере
Далее установите ширину виджета, равной вашей боковой панели блога. На вкладке "Main area settings" настройте цвет:

Цвет виджет
Background color ( цвет фона); Line color (цвет линии); Border color (цвет границы). Так же на других вкладках можно настроить: Title text(название); Title color (цвет текста) и так далее. Все вносимые изменения будут отображаться вверху на демонстрационном виджете. После всех настроек нажмите на жёлтую кнопку:
Получить код
Скопируйте код и затем перейдите на Blogger-Дизайн-Выберите гаджет HTML / JavaScript и в его поле вставьте полученный код виджета Google Plus. Сохраните гаджет. Всё. Желаю удачи.

Также Вам может понравиться: Twitter Fan Box для Blogger или Плавающая панель Facebook для Blogger


Ух ты кнопочки! Понравилась статья? Поделитесь с друзьями:

0 коммент. :

Отправить комментарий

 
Footer