2008/01/06 16:34
[Tip]
안녕하세요^^ 웹클리어지기 웹클입니다.
블로그를 하다보면, 여러가지 기능들을 추가하고 싶은 욕구가 생기게 되죠^^
그 중에서도 많은 분들이 사용하기도 하고, 성능면에서도 좋은 평가를 받고 있는 "피드버너"에 대한 가입 및 설치 방법에 대해 설명하고자 합니다.
처음 일반 포털에서 http://www.feedburner.com/ 이 주소를 찾아가게 되면, 아래와 같은 피드버너 사이트가 나타나게 됩니다.
자! 여기서 하나, 기존 발행이나 노출에 대한 사이트들은 한글화가 되어 있지만, 피드버너 같은 경우 외국 사이트이기에 저와 같은 영어울렁증이 있으신 분들은 거부반응이 생기시게 됩니다.
가입은 어떻게 할까? 어디를 클릭해야 하는지 모르는 상황이 벌어지게되죠^^;
하지만, 쉽게 찾으실 수 있습니다.
위의 그림과 같이 사이트 상단에 보시면, 검정과 파랑색으로 텍스트가 있을 겁니다. 그 중(Sign In or Reqister)를 보시면, Sign In은 로그인이고, Reqister은 회원가입입니다.
Reqister를 클릭하여 다음 단계로 넣어가 보기로 하죠^^
(클릭 시 초기 화면) (작성 완료 화면)
그럼 위와 같은 화면이 나옵니다. 위 그림 좌측은 초기화면이며, 우측은 작성이 완료된 이미지 입니다^^
오해 없으시길 바라며, 추가 설명을 하겠습니다.
처음 가입 폼에 기재 사항으로는 아래와 같은 항목들이 있습니다.
Username : 사용자네임(외국 사이트이기에 대도록 영문으로 작성하시는게 안정할 듯합니다)
Password : 비밀번호
Password(again) : 비밀번호 확인
Email Address : 이메일 주소
Secret Question : 보안질문 (예 : What's Your nickname)
Secret Answer : 보안답변 (예 : webclear)
* Username 같은 경우 기존에 등록된 네임일 경우 등록이 되지 않습니다.
작성이 완료되시면, 좌측 아래의 Sign In 버튼을 클릭하여 다음 단계로 넘어 가시면 됩니다.
다음 단계로 넘어 오시면 위와 같은 화면이 나타나게 됩니다.
그 화면 상단부분에 보시면 아래와 같은 것이 보이실 겁니다.
위의 이미지에서는 제가 보유한 블로그 RSS주소로 작성되어 있습니다. 이부분은 예를 들어서 작성한 것이니, 실제 설치시에는 본인의 블로그 RSS주소로 작성하시고 우측의 Next 버튼을 누르시면 됩니다.
(RSS주소 체크 페이지) (RSS주소 확인 페이지)
Next버튼 클릭 후 나타나는 화면은 첫째, 좌측이미지와 같이 블로그 RSS주소를 작성하는 페이지가 나타납니다.
작성하는 항목은 Feed Tile와 Feed Address가 있으며, 옆의 텍스트 박스에는 이미 정보가 작성되어 있을겁니다. 이 페이지같은 경우 수정이 가능하니, 틀리신 부분 같은 경우 새로 작성하셔서 좌측아래의 Activate Feed 버튼을 클릭하여 다음으로 넘어갑니다. 틀린 부분이 없을 시 그대로 진행해도 무관합니다.
그럼 우측 이미지와 같이 확인 페이지가 나타납니다. 확인 페이지 이기에 Next 버튼을 눌러 다음으로 넘어 가도록 하죠^^
다음 페이지 같은 경우, 피드버너의 부가 기능적인 부분의 체크 페이지인듯하니, 그냥 Next 버튼을 누르면 진행하시면 됩니다.
자! 그럼 위와 같은 화면이 나타납니다. 가입절차는 여기서 마무리가 되었구요.
이제 피드버너에서 지원하는 구독카운트 박스를 설치 하시면 됩니다.
화면에서 보시면 상단과 같은 버튼들이 있습니다. 그 중 Publicize 버튼을 누르세요.
그럼 위와 같은 화면이 나타나게 되는데, 좌측 중앙에 보시면 FeedCount 라는 버튼이 보이실 겁니다.
이 버튼을 클릭 하시면, 블로그에 설치 할 수 있는 카운트 페이지로 넘어 갑니다.
위와 같이 카운드 박스의 선택 페이지가 나옵니다.
Chicklet style의 Static(정지 이미지), Animated(모션 박스)와
Color scheme의 body(박스 색상 조절), text(글씨 색상 조절)
각자의 취향에 맞추어 조절을 하신 경우, 좌측아래의 Activate 버튼을 눌러 다음 단계로 넘어가면 됩니다.
그럼, 위와 같은 것이 나오게 됩니다.
이중 Copy this HTML 이란 타이틀 우측 박스에 보시면, 설치 가능한 HTML 이 나와 있습니다.
<p><a 로 시작하는 부분에서 마우스좌측버튼을 누른 상태로 아래로 드래그 하시고, Ctrl + C를 누르셔서 복사해서 PC에 있는 메모장을 하나 열어 복사(Ctrl + V)해 둡니다.
그런 후, 자신의 블로그(예 : 티스토리) 관리자 페이지에 있는 스킨 수정 페이지를 엽니다.
HTML/CSS 수정 페이지로 이동해 봅니다.
그럼 위와 같은 페이지가 나타납니다. skin.html에 있는 HTML를 마우스로 드래그 또는 Ctrl + A를 하여 복사합니다.
그것을 메모장에 복사하고, Ctrl + F를 누릅니다. 그럼 위 이미지와 같이 "찾기"라는 박스가 나타나게 됩니다.
일반적으로 티스토리나 테터툴즈의 스킨(기본 스킨 기준)은 사이드에 있는 메뉴와 최신글...등이 노출되는 부분에서 카운트가 제일 하단에 위치하고 있습니다. 그 부분에 [피드버너 카운트]를 설치 하려면 이 "찾기"박스로 그 위치를 찾아야 하는데...
"찾기"박스에 ##_count_total_## 이것을 작성 후 다음찾기 버튼을 누르시면, 그 위치가 메모장 상에 드래그 된 상태로 나타나게 됩니다.
##_count_total_## 이 부분의 앞,뒤를 보시면 <div>와 </div>의 부분이 나타나게 됩니다.
</div>로 끝나는 부분에 커서를 두시고 엔터를 한,두번 눌러 공간을 확보해 둡니다.
그리고, 그 띄워둔 공간에 위에서 저장해 두신 [피드버너 카운트]의 복사해둔 HTML을 붙여 넣습니다.
그리고 이 메모장의 HTML를 마우스로 드래그 또는 Ctrl + A를 하여 복사합니다.
그리고, 다시 자신의 블로그(예 : 티스토리) 관리자 페이지에 있는 스킨 수정 페이지의 skin.html로 들어가 그곳의 HTML내용을 다 지우고 복사해둔 내용을 붙여 넣습니다.
그리고 하단에 저장버튼을 누르시면, 끝납니다. 티스토리 같은 경우 미리보기 버턴이 있으므로, 테스트를 하시면서 설치해 보시기 바랍니다.
모든 과정이 끝나면, 위의 이미지와 같이 우측 하단에 박스가 설치되는 것을 확인 할 수 있습니다.
지금 보여지는 이미지는 제가 개인적으로 위치를 수정한 것이니, 위의 설치와는 조금 차이가 있을 수 있습니다.
자! 그럼 처음 설치하고 오류도 많아 스트레스도 받을 수 있으나, 설치가 되었을때의 쾌감은 느껴보신 분들은 아실 거라 믿습니다^^
그럼 보다 유용한 정보, 실용적인 자료로 찾아 뵙겠습니다^^
블로그를 하다보면, 여러가지 기능들을 추가하고 싶은 욕구가 생기게 되죠^^
그 중에서도 많은 분들이 사용하기도 하고, 성능면에서도 좋은 평가를 받고 있는 "피드버너"에 대한 가입 및 설치 방법에 대해 설명하고자 합니다.
처음 일반 포털에서 http://www.feedburner.com/ 이 주소를 찾아가게 되면, 아래와 같은 피드버너 사이트가 나타나게 됩니다.
가입은 어떻게 할까? 어디를 클릭해야 하는지 모르는 상황이 벌어지게되죠^^;
위의 그림과 같이 사이트 상단에 보시면, 검정과 파랑색으로 텍스트가 있을 겁니다. 그 중(Sign In or Reqister)를 보시면, Sign In은 로그인이고, Reqister은 회원가입입니다.
Reqister를 클릭하여 다음 단계로 넣어가 보기로 하죠^^
그럼 위와 같은 화면이 나옵니다. 위 그림 좌측은 초기화면이며, 우측은 작성이 완료된 이미지 입니다^^
오해 없으시길 바라며, 추가 설명을 하겠습니다.
처음 가입 폼에 기재 사항으로는 아래와 같은 항목들이 있습니다.
Username : 사용자네임(외국 사이트이기에 대도록 영문으로 작성하시는게 안정할 듯합니다)
Password : 비밀번호
Password(again) : 비밀번호 확인
Email Address : 이메일 주소
Secret Question : 보안질문 (예 : What's Your nickname)
Secret Answer : 보안답변 (예 : webclear)
* Username 같은 경우 기존에 등록된 네임일 경우 등록이 되지 않습니다.
작성이 완료되시면, 좌측 아래의 Sign In 버튼을 클릭하여 다음 단계로 넘어 가시면 됩니다.
그 화면 상단부분에 보시면 아래와 같은 것이 보이실 겁니다.
Next버튼 클릭 후 나타나는 화면은 첫째, 좌측이미지와 같이 블로그 RSS주소를 작성하는 페이지가 나타납니다.
작성하는 항목은 Feed Tile와 Feed Address가 있으며, 옆의 텍스트 박스에는 이미 정보가 작성되어 있을겁니다. 이 페이지같은 경우 수정이 가능하니, 틀리신 부분 같은 경우 새로 작성하셔서 좌측아래의 Activate Feed 버튼을 클릭하여 다음으로 넘어갑니다. 틀린 부분이 없을 시 그대로 진행해도 무관합니다.
그럼 우측 이미지와 같이 확인 페이지가 나타납니다. 확인 페이지 이기에 Next 버튼을 눌러 다음으로 넘어 가도록 하죠^^
이제 피드버너에서 지원하는 구독카운트 박스를 설치 하시면 됩니다.
이 버튼을 클릭 하시면, 블로그에 설치 할 수 있는 카운트 페이지로 넘어 갑니다.
Chicklet style의 Static(정지 이미지), Animated(모션 박스)와
Color scheme의 body(박스 색상 조절), text(글씨 색상 조절)
각자의 취향에 맞추어 조절을 하신 경우, 좌측아래의 Activate 버튼을 눌러 다음 단계로 넘어가면 됩니다.
이중 Copy this HTML 이란 타이틀 우측 박스에 보시면, 설치 가능한 HTML 이 나와 있습니다.
<p><a 로 시작하는 부분에서 마우스좌측버튼을 누른 상태로 아래로 드래그 하시고, Ctrl + C를 누르셔서 복사해서 PC에 있는 메모장을 하나 열어 복사(Ctrl + V)해 둡니다.
HTML/CSS 수정 페이지로 이동해 봅니다.
그럼 위와 같은 페이지가 나타납니다. skin.html에 있는 HTML를 마우스로 드래그 또는 Ctrl + A를 하여 복사합니다.
일반적으로 티스토리나 테터툴즈의 스킨(기본 스킨 기준)은 사이드에 있는 메뉴와 최신글...등이 노출되는 부분에서 카운트가 제일 하단에 위치하고 있습니다. 그 부분에 [피드버너 카운트]를 설치 하려면 이 "찾기"박스로 그 위치를 찾아야 하는데...
"찾기"박스에 ##_count_total_## 이것을 작성 후 다음찾기 버튼을 누르시면, 그 위치가 메모장 상에 드래그 된 상태로 나타나게 됩니다.
</div>로 끝나는 부분에 커서를 두시고 엔터를 한,두번 눌러 공간을 확보해 둡니다.
그리고, 그 띄워둔 공간에 위에서 저장해 두신 [피드버너 카운트]의 복사해둔 HTML을 붙여 넣습니다.
그리고 이 메모장의 HTML를 마우스로 드래그 또는 Ctrl + A를 하여 복사합니다.
그리고, 다시 자신의 블로그(예 : 티스토리) 관리자 페이지에 있는 스킨 수정 페이지의 skin.html로 들어가 그곳의 HTML내용을 다 지우고 복사해둔 내용을 붙여 넣습니다.
그리고 하단에 저장버튼을 누르시면, 끝납니다. 티스토리 같은 경우 미리보기 버턴이 있으므로, 테스트를 하시면서 설치해 보시기 바랍니다.
모든 과정이 끝나면, 위의 이미지와 같이 우측 하단에 박스가 설치되는 것을 확인 할 수 있습니다.
지금 보여지는 이미지는 제가 개인적으로 위치를 수정한 것이니, 위의 설치와는 조금 차이가 있을 수 있습니다.
자! 그럼 처음 설치하고 오류도 많아 스트레스도 받을 수 있으나, 설치가 되었을때의 쾌감은 느껴보신 분들은 아실 거라 믿습니다^^
그럼 보다 유용한 정보, 실용적인 자료로 찾아 뵙겠습니다^^
이올린에 북마크하기
이올린에 추천하기
|
||||
Trackback Address :: http://webclear.tistory.com/trackback/4
|
블로그를 하게 되면 기본으로 쓰게 되는 아이템중의 하나가 피드버너가 아닐까 싶다 그만큼 피드버너를 쓰는 사람들이 많다 피드버너(feedburner)에는 생각외로 많은 기능들이 있다 이때까지 피드버너의 활용에 관해 쓴 포스트가 제법 되는데, 이번 포스트에서는 이때까지 피드버너에 대해 쓴 글을 모두 모아 정리를 해볼까 한다 첫번째, 피드버너 가입하기 피드버너 가입은 아래의 포스트를 참조하면 된다 티스토리를 처음 시작하는 분들을 위해 - 피드버너(Feed.. |
