Хочу рассказать вам как добавить виджет Instagram в блог на платформе Blogger.
Для чего нужен Инстаграм на блоге. На сегодняшний день существует мало людей которые не зарегистрированы в социальных сетях и поэтому размещая в блоге кнопки соц сетей такие как Facebook, Vkontakte, Instagram, вы даете возможность вашим подписчикам быть ближе, всегда следить за вашими новостями. Добавляя новое фото в Instagram вы таким образом добавляете новый контент на страницы вашего блога.
Начнем устанавливать виджет Инстаграм. Если у вас еще нет аккаунта в Instagram, то вам необходимо зарегистрироваться пройдя по ссылке.
1. Для установки виджета мы будем использовать бесплатный сайт WEBSTA. Нажимаем на кнопку ВОЙТИ.
2. Вводим Логин и Пароль вашего профиля инстаграм, фотографии которого вы хотите размещать в вашем блоге.
3. Переходим на вкладку Инструменты, или Tools если открылась английская версия сайта.
4. Откроется следующее окно, в котором есть две вкладки:
1. Instagram gallery for your blog - где мы получим код для установки галереи фотографий Инстаграм.
2. Follow Me Button - дополнительная кнопка для того чтобы пользователи могли начать следить за вами в Instagram.
5. Формируем код галереи Инстаграм в первой вкладке.
* Parts Type - @username вводим имя профиля Instagram. Если вы хотите показывать фотографии на определенную тему, то можно указать нужный хештег, выбрав тип #hashtag
Thumbnail Size указываем размер фотографий. Размер фото зависит от размера вашей колонки, и количества фотографий в ряду. Я поставила 75 px
Layout пропорциональное расположение фотографий по вертикали и горизонтали.
Space of each photo пространство между фотографиями, можно указать 3 px.
Нажимаем на кнопку Preview для просмотра, как будет выглядеть виджет.
Если все устраивает нажимаем на Generate Code. Сгенерированный код копируем. И переходим в настройки блога.
6. В Blogger заходим в раздел Дизайн и добавляем Новый гаджет HTML.
7. Вставляем скопированный HTML код в поле содержание. Нажимаем сохранить.
8. Теперь добавим вторую кнопку следить за пользователем, для этого переходим на вкладку Follow Me Button. Вводим имя профиля Instagram, копируем код, переходим в блог и либо добавляем Новый гаджет HTML или добавляем этот код в уже созданный гаджет с фотографиями. Мне нравится чтобы сначала была кнопка Follow а потом фотографии. Поэтому второй код я разместила перед первым.
Надеюсь вам было полезно, и с помощью этой статьи у вас получится добавить виджет Instagram на ваш блог.
Ели возникли вопросы, смело задавайте их в комментариях.
Чтобы следить за моими постами добавляйтесь в друзья на Facebook, или ВКонтакте, а также в Google+ и конечно же Instagram.
В следующей статье я раскажу про очень полезный сервис о том как следить за блогами которые вам интересны.
Комментариев нет :
Отправить комментарий