내 블로그에 핀터레스트(pinterest) 아이콘 달기

요즘 핀터레스트가 뜬다고 합니다.

아이폰을 통해 핀터레스트를 하고 있었습니다. 오늘은 구글 크롬에서도 가능하다는 것을 알고 구글 크롬 바탕화면에 핀터레스트를 추가했습니다.

그러다 보니 이번에는 블로그(티스토리)에도 넣고 싶어졌습니다.

거의 한시간여 인터넷을 뒤지다가 html 모듈을 찾았습니다.

알고보니 그것이 결국 핀터레스트 도움말중에 있더라고요.

주소는 http://pinterest.com/about/goodies/ 입니다.

주소를 클릭하면 위와 같은 페이지가 보입니다. 설명대로 네개의 아이콘중에 원하는 아이콘을 고릅니다. 

해당 아이콘을 클릭하면 두번째 아이콘 옆에 나타난 것처럼 html 코드가 보입니다.

이를 복사합니다.

위 사진은 티스토리 관리자 모드입니다. 

처음에는 좌측의 HTML/CSS 편집으로 가서 직접 위 복사한 코드를 입력하려고 했습니다. 

HTML/CSS 편집을 클릭하면 소스코드가 보이는데 Ctrl+F 하면 검색창이 나오고 'side'를 치면 사이드바 관련 코드들이 보입니다.약간의 지식이 필요한 부분입니다만.

여기의 적당한 부분에 넣었는데 계속 에러가 나면서 일부 사이드바 모듈이 없어졌습니다. 고민고민하다 찾은 것이 그 아래 '사이드바'를 클릭해서 넣는 방법이 있다는 것이었습니다. 저도 오래전에 만들어놔서 사이드바를 어떻게 넣는지 기억이 가물가물했습니다.

방법을 정리하면 

먼저 기본 모듈에서 HTML 배너출력의 +를 클릭합니다.

그러면 사이드바1에 모듈이 나타납니다.

이를 원하는 위치로 끌어다 놓습니다. 저는 보시듯이 가장 아래 있습니다.

이후 '편집'을 클릭하면 아래와 같은 란이 나타납니다.

이름은 자기가 임으로 넣으면 됩니다.

아래 소스란에 아까 복사한 코드를 붙여넣고 확인을 누릅니다.

블로그에 아래처럼 나타나게 됩니다. 이를 클릭하면 본인의 핀터레스트 페이지로 이동합니다.

현재  왼편에 치우쳐 있는 버튼을 가운데에 놓고 싶은데 아직 그것은 모르겠네요. 차후에 바로잡아보겠습니다.

이상