구글블로그에 인스타그램 사이드바 위젯 설치하는 법

    

            
    

            
    

  ▼ 구글블로그는 

  여타 블로그(네이버, 티스토리, 워드프레스 등)에 비해

  여러가지 위젯을 넣거나 프레임을 바꾸는데 자유도가 좀 떨어지는 편.

  그래도 나름

  몇가지 위젯들을 외부 사이트에서 html 코드를 붙여서 

  불러보는 것은 가능한데

  그중에서

  필자의 블로그 우측 사이드바에 붙어 있는 

  인스타그램 위젯을 어떻게 설치했는지 살펴보기로.

  구글링을 해보면

  많은 사이트가 있는데 

  그 중 SnapWidget 이란 사이트를 이용했다.

  일단 사이트로 들어가서

  계정을 만드는 작업부터 시작!

  ▼ 스냅위젯 사이트의 계정 로그인 후

  대쉬보드에 많은 인스타그램 위젯들이 보이는데 

  마음에 드는 위젯을 고른 후 

 ▼ 하단의 옵션들을 설정

  - 인스타그램 계정이름

  - 썸네일크기

  - 레이아웃은 몇대 몇으로 할지

  - 인스타그램 사진의 테두리를 설정할 것인지

  - 배경색은 어떻게 할것인지 

  등등을 설정하고 

   Preview를 통해 

  마음에 드는 설정이 되었는지 확인.

  그리고 

  Get Widget을 눌러주는 거.

   ▼ 일단 html 코드를 겟! 했으면

   바로 본인의 구글블로그 세팅으로 고고.

   Layout 섹션을 누른후

   사이드바 설정에서 Add a Gadget 꾸욱

  ▼ 마지막 단계.

  구글블로그 사이드바 위젯 중

   HTML/JavaScript 메뉴의 상단 파란 플러스를 눌러주고

   이전에 카피했던 Code를 넣고 저장만 해주면 끝

  ▼ 구글 애드센스처럼

  Responsive 옵션이 없는 관계로 

  포스팅하는 글의 길이에 상관없이

  내가 설정한 사진의 갯수로 위젯이 작동되는 점은 아쉬운 점.

  본문의 글이 짧은데, 

  인스타그램 사이드바 위젯의 사진 갯수가 많아 그 길이가 아주 길 경우

  화면 스크롤시 본문이 하얗게 아주 휑하다는 단점적인 단점.