구글블로그 만들기, 사이드바 인스타그램 위젯 추가하기

만약 당신이 인스타그램을 사용하는 것이 익숙하으지 않으면, 인스타그램은 스마트폰로 사진을 공유하는 어플입니다. 뭐 비슷한 것으로는 페이스북과 같은 SNS를 칭하는 것이지요. 2017년 인스타그램은 많은 SNS 및 사진공유 어플 중에 가장 눈에 띄는 어플이 되었습니다. 

인스타그램을 사용하는 가장 큰 이유는 공유를 하겠다는 것이겠지요. 남들은 못 보도록 폐쇄적으로 운영할 것이면 굳이 사용할 필요가 없으니까요. 

어쨋듯, 웹사이트와 블로그에 관심을 가지고 조금씩 업그레이드 작업을 거치면서 사용자 유입에 대한 부분을 고민할 수 밖에 없는 때가 된 것 같아요. 검색만으로는 한계가 있다고 생각이 됩니다.

처음 티스토리와 구글블로그를 키워가면서 가장 먼저 했던 것이 게시글을 SNS로 자동으로 퍼나르는 것이었어요. 하지만, 생각처럼 SNS유입이 적은 이유는 개인적인 사생활을 위해서 별도의 페이스북 계정와 트위터 계정을 만들었고, 그렇게 하다보니 자연스럽게 팔로워를 유지하는 것이 어렵게 되었습니다. 상대방의 입장에서는 스팸으로 볼 수 있기 때문이죠.

요즘 인스타그램이 재미있는 이유는, 아는 사람보다 모르는 사람들에게 팔로우를 자연스럽게 한다는 점이에요.

그래서 구글블로그 사이드바에 인스타그램 위젯을 추가하기로 했습니다.

구글에 검색해봤더니 다양한 방법이 있긴한데.. 사실... 안되는 것들이 너무 많았어요. 오래된 정보들인것이죠. 그럼 한단계 한단계 쉽게 인스타그램 위젯 다는 방법에 대해서 포스팅 해보겠습니다.

"구글블로그 만들기, 사이드바 인스타그램 위젯 추가하기"



1. 인스타그램 위젯을 만들기 위해서 스냅위젯 사이트에 접속을 합니다.

   https://snapwidget.com/

2. 계정을 생성해야 하는데, 간단하게 이메일과 이름 비밀번호로 계정을 생성할 수 있습니다.



3. 가입을 한 후, 첫 페이지에 들어오면 우측에 CREATE A NEW WIDGET을 클릭합니다.



4. CREATE A NEW WIDGET을 클릭하면 다양한 위젯을 종류를 볼 수 있습니다. 그 중에는 유료와 무료 위젯이 구분되어 있으니 원하는 위젯을 선택하면 됩니다.



5. 원하는 위젯을 선택하였으면, 기본 세팅을 합니다.

  인스타그램 계정과 배경색 및 사진의 간격 등을 조절할 수 있습니다. 섬네일 이미지의 경우 사이드바의 크기에 따라 변경하면 되는데, 저는 반응형 스킨을 사용하여 기본 설정으로 생성을 하였습니다. 가장 우측 아래에 보면 Responsive 항목에서 yes를 선택하면 반응형 스킨에 적용했을 때 자동으로 크기를 맞춰줍니다.

6. GET WIDGET을 클릭합니다.



7. 위와 같이 개인 코드가 생성이 됩니다. 복사를 합니다.



8. 구글블로그에 접속하여 레이아웃 - SIDEBAR 가젯추가를 클릭합니다.



9. 추가할 수 있는 다양한 가젯들의 리스트가 나오는데, 그 중에서 HTML/JavaScript 를 선택합니다.



10. HTML/JavaScript 구성에 위에서 복사한 소스코드를 붙여넣기 합니다. 

11. 저장을 클릭합니다.



위의 사진은 구글블로그 메인의 스크린샷입니다. 위의 이미지처럼 우측 사이드바 가장 위에 인스타그램의 위젯이 들어가있습니다. 구글블로그를 검색해서 들어오는 분들이 개인 인스타그램으로 유입되고, 인스타그램의 팔로워가 구글블로그로 유입되는 선순환 구조를 만들어 봐야겠습니다.

이상입니다.

<2017.01.15 작성>


댓글(12)

  • 2017.01.11 13:15 신고

    우아~ 하나하나씩 따라 하고 있습니다. ^^

  • 칼칼
    2017.01.11 20:07

    따라하기 쉽워서 잘보고있습니다 ~
    근데 이번거는 따라했는데 사이드바에 아무것도 나타나지 않아서 그런데 어떻게 하면되나요?

    • 2017.01.11 20:10 신고

      글쎄요.. 저도 소스코드에 문제가 있을 수도 있고.. 안되는 이유는 너무 많아서.. 잘 모르겠에요

    • 칼칼
      2017.01.11 20:36

      처음부터 따라하면 사이드바는 원래 못만드는 템플릿입니까>?

    • 2017.01.11 20:37 신고

      저랑 같은 템플릿을 사용하셨나요? 그렇다면 템플릿 때문은 아닌 것 같네요

  • bpr1102
    2017.04.14 11:36

    구글 블로그에 댓글 다는방법 알려주실수 있는지요...

  • 궁금
    2017.05.22 15:24

    머좀 하나 여쭤보겠습니다.
    블로그스팟 만들어 웹마 등록까지 했는데
    언제쯤 노출이 될 수 있을까요?

    그리고 웹마 사이트 등록에
    블로그스팟을
    .com으로 하나요
    .kr로 하나요

    • 2017.05.22 15:52 신고

      .kr 이나 .com이나 상관없을 듯 싶네요. 노출은 저도 잘 모릅니다. 네이버 봇들이 긁어가면 노출이 될겁니다.

  • JKDog
    2017.08.17 16:31

    잘보고가요^^ 근데 해당 스킨 사용하면 모바일에서 포스팅 내용이 잘리지 않나요?!

  • 히힣
    2018.11.28 00:39

    덕분에 간단하게 해결했어요!!ㅠㅠㅠ감사합니다! 초짜에게 희망을 주셨어요ㅎㅎㅎㅎ

Designed by JB FACTORY