NewYorker Hooni

블로그를 운영하다 보면 개인 도메인에 욕심이 나는 경우가 있는것 같습니다.
저 같은 경우는  전역후에 내이름으로 된 홈페이지는 있어야 겠다. 라는 생각이 들어(2003년도)
kimdohoon.com 과 kimdohun.com 두가지를 구입하여 사용하고 있었습니다.
그때는 블로그가 아니라 순수HTML 형식의 홈페이지를 만들어서 사용하고 그랬습니다.^^;
어느덧 추억이 되어버렸네요~ㅎ

그러다가 약 1년반년전 부터 블로그에 빠져서 지금은 블로그에 도메인을 붙여서 사용하고 있습니다.

사실 이제와서 티스토리 블로그를 kimdohoon.com과 연결해서 사용한건 아니였습니다.
계속 사용해오다가 지난 주말에 잠깐 장난치다가 도메인이 삭제가 되었고..ㅡㅡ;
블로그와 연결도 끊기게 되었습니다.
하지만 지금은 다시 연결해 놓았습니다.~
약 2틀도안 블로그와 도메인이 분리가 되었었는데 꽤 답답하더라구요..^^

혹시 나중에라도 제가 다시 정보를 찾게 될지 모르니 기록해 두도록 하겠습니다.

1. 티스토리 블로그 생성
- 사실 꼭! 티스토리가 아니여도 좋습니다. 암튼 블로그 생성

2. 도메인 구입
- 도메인은 여러 업체에서 구매 하실수 있습니다.
검색창에 도메인만 쳐도 많은 업체가 나오는데요. 참고로 전 http://www.whois.st/ 이곳에서 구입해서 쓰고 있습니다.

3. 네임서버 등록 http://kr.dnsever.com/
- 무료로 네임 서버를 등록해 주는 곳입니다. 이곳이 도메인과 블로그를 연결해 주는것이라고 생각하면 될것 같습니다.

4. 내가 구입한 도메인 사이트에 들어가면 해당 도메인에 네임서버를 등록을 해야 합니다.
예를 들어 저는 whois에서 도메인을 구입했으니 http://www.whois.st/에 로그인하여 '도메인관리' 같은곳으로 들어가서
해당 도메인에 네임서버에서(dnsever.com) 주는  네임서버를 등록하면 됩니다. 보통 4차까지 등록을 할수가 있습니다.

5. 다시 http://kr.dnsever.com/ 에 로그인 하게 되면 아래처럼 화면이 보이게 되는데, 내 도메인 선택후 해당 블로그를 선택하시면 됩니다. (다음엔 서브 도메인 어쩌고 물어 보는데, 다음, 다음 다음~^^)

 
6. 이제 마지막으로 티스토리 개인 블로그에 로그인 - 관리자 화면 - 환경설정 - 블로그 정보에 들어가면 2차 블로그 설정이 있는데, 거기서 kimdohoon.tistory.com 이 아닌 kimdohoon.com인 2차 블로그를 선택하면 완료가 됩니다.

7. 여기까지 등록후 내 도메인으로 갔더니 바로 안보이는 경우가 있습니다.
이는 전세계 정보를 모아서 반영한는데 최대 하루까지 걸릴수가 있다네요. 참고 하세욤^^

그냥 했다고 연동 되는게 아니다...ㅠㅠ
내 블로그로 연동을 했어도, 인증을 받아야 하는데..

친구 9명에 확인 도는 networkedblogs의 위젯을 블로그에 다는것!
현재 페이스북에 활발히 활동하는 내 친구들이 9명이 안되므로 패스.. ㅡㅡ;;

암튼!! 이건 잘 가는지 확인하는 테스글!!!!

-------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------

사실 블로그를 페이스북과 연동하는 방법을 지난번에 한번 썼었습니다.
(참고 : http://www.kimdohoon.com/625)
이 방법은 블로그와 페이스북 노트와 연동을 했던 방법인데요, 처음 연동 되었을때를 빼놓고 그 다음 블로그 글부터는 연동이 되고 있지 않습니다. ㅠ.ㅠ
왜 그런지 방법을 찾고 있는데, 아직까지 이유는 모르겠습니다.

그러다가 페이스북 어플중에 하나인 networkedblogs를 사용하여 블로그와 페이스북간의 연동하는 방법을 찾아 냈습니다.
(검색을 통해서죠..ㅋ)

- 참고한 글 -
http://mushman.co.kr/2691489?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed:+voiponweb20+(VoIP+on+Web2.0)
http://paperinz.com/1934
http://ggamnyang.com/875

우선 이 방법전에 블로그를 -> 트위터에 발행 -> 페이스북에 발행 이런식의 공유 방법도 있지만, 트위터는 잘 하지도 않고 또 이 방법은 URL만 전달되는 그런식인것 같아서 별로 땡기지 않았습니다.
하지만 이 방법은 블로그와 페이스북과 연결하는 몇 안되는 방법중에 제일 괜찮은것 같습니다.(적어도 제가 알고 있는 방법중에..ㅋ)

그럼 한번 보도록 하겠습니다.

1. 페이스북 로그인 하여 networkedblogs 검색 하여 어플 추가, 어플리케이션으로 가기 클릭후 공유 허락!

2. 블로그 등록(등록시 블로그 정보 필요)



3. 오른쪽 상단에 Syndication 클릭후 페이스북과 블로그 연동
(체크후 테스트 포스트 클릭, 블로그 글을 자동적으로 그리고 선택적으로 페이스북으로 보내는 방법은 Advanced Settings을 보시면 될것 같습니다.)


4. 정상적으로 포스트 되었다는 화면


5. 실제 제 담벼락에 올라와 있는 글 화면






페이스북 친구 신청:  http://www.facebook.com/newyorkerhooni

전 글에서도(트위터(twtkr)에서 페이스북 동시에 글 올리기) 트위터와 페이스북 동시에 글쓰기를 알아보았는데도 이번 글에서도 연동하는 방법을 알아 보는것은..

두가지에 차이점이 있어서 그렇습니다.
우선 전 글은 한글 트위터에서 선택적으로 내가 쓴 글을 페이스북과 연동하는것이고, 지금 알아 볼것은 자동적으로 트위터에서 글을 쓰는것을 바로 페이스북과 연동 하는 방법 입니다.
(스마트폰에서 쓰는 글들도 자동 연동)

1. 페이스북 접속, 어플리케이션 클릭

2. 어플리케이션에서 Twitter 어플 검색

3. 허가하기 클릭

4. 트위터 계정으로 접속

5. 가운데 체크박스 클릭후 아래 Share link 클릭

6. 허락!


이렇게 간단한 방법으로 트위터와 페이스북에 동시에 글쓰기를 알아 보았습니다.
위에서 언급 되었듯이 한글 트위터와 일반 트위터에서 선택적이냐, 자동적이냐의 차이점을 제외하곤
트위터와 페이스북에 연동되는것은 똑같습니다.^^

다같이!! SNS에서 놀아 보아용..^^

※트위터(twtkr)에서  페이스북으로 동시에 글 올리는 방법을 알아 보도록 하겠습니다.^^

뉴요커 후니 트위터 계정 : @dohoona , http://twtkr.com/dohoona
뉴요커 후니 페이스북 계정 : http://www.facebook.com/newyorkerhooni

1. 트위터에 가입한다!!^^ 계졍이 있어야 겠죠? ㅋ 또한 페이스북 계정도 가지고 계셔야 합니다.^^

2. http://twtkr.com/에 로그인후 오른쪽 상단에 설정 클릭

3. 아래쪽에 페이스북 연동 클릭

4. 페이스북 연결 이미지 클릭
5. 자신의 페이스북에 아이디로 로그인 

6. 페이스북에 로그인 하면 연동 하겠느냐? 라는 창이 뜨는데, 확인 누르면 됩니다.^^

7. twtkr에서 글을 쓸때 페이스북을 클릭하고 써야 페이스북과 연동(선택적 연동을 할수가 있음)

8. 자신의 페이스북에서 트위터 글을 확인할수가 있다.


이상 트위터 글을 페이스북으로 연동 하는 방법을 알아 보았습니다.^^

그런데,, 이와 관련된 안드로이드 어플도 있을것 같은데... 한번 찾아 봐야 겠습니다.^^

고고고!!

오늘은 자신의 블로그를 페이스북으로 자동으로 발행 되는 법을 알아 보도록 하겠습니다.^^

뉴요커후니 페이스북 : http://www.facebook.com/newyorkerhooni

1. 먼저 페이스북에 가입은 해야 겠죠? ^^; (http://www.facebook.com)

2. 상단 오른쪽에 프로필 클릭, 아래에서 노트 클릭
(만약 노트가 안보이면 더하기 표시 클릭해서 노트 찾아서 클릭)

3. 왼쪽 하단에있는 '가져오기 설정관리' 클릭

4. 중앙에 있는 웹 URL에 자신의 블로그 주소를 입력후, 아래 체크박스에 체크

5. 웹 URL에 자신의 블로그를 http://www.kimdohoon.com/, http://kimdohoon.tistory.com 식으로 입력을 하면 블로그 가져오기 실패라는 문구가 나오는데.. http://www.kimdohoon.com/rss 입력을 하면 설정 오케이!!^^ 

6. 정상적으로 내 블로그의 글을 페이스북으로 보낸 화면..^^ 
확인 누르고 나면 내 블로그의 글들이 자동으로 페이스북 노트및 뉴스피드에 보이는것을 확인할수 있당^^


이상 블로그를 페이스북으로 글 발행하기 완료!! 끝!!!

(블로그를 트위터로 발행하기는,, 여기를 http://kimdohoon.com/597 를(http://twitterfeed.com/활용) 참고 ^^)

참고글 : http://paperinz.com/1844

최근에 블로그를 돌아다니 보면 위 사진 처럼 "좋아요(like)" 버튼을 많이 보았을겁니다.
지난번 방문자가 블로그 글을 마음에 든다면 자신의 SNS로 쉽게 홍보및 보내기를 할수 있는 기능을
만들었을때 처럼 별로 관심이 없다가, 최근 페이스북에 관심을 두면서 자연스럽게
"좋아요(like)" 버튼 기능을 설치해 보았습니다.

(※ 이 기능을 하기 위해서는 약간의 HTML 소스를 봐야 합니다.)

1. 페이스북에서 이 기능을 제공하는 하는곳을 방문
방문하기 : http://developers.facebook.com/docs/reference/plugins/like

2. URL to like에 자신의 블로그 주소를 넣고 Get Code 클릭
(아래 기타사항은 별도로 건드리지 않았습니다.)

3. iframe 방식과 XFBML 방식, 두가지를 제공해줍니다. 
아직 XFBML 방식이 어디서 쓰이는건지는 모르겠지만, 여기서는 iframe 방식을 사용합니다.
(iframe 소스를 복사)


4. 자신의 블로그 관리자 - 스킨 - HTML/CSS 편집 선택
(※티스토리 블로그 기준입니다. 하지만 진행 방식을 보면 메뉴의 차이는 있겠지만,
  다른 블로그에서도 적용 방식은 같을꺼라 생각됩니다.)

5. skin.html 에서 좀전에 복사한 iframe 소스를 붙여 넣기함
여기서 중요한 부분은 과연 내 블로그에 "좋아요"라는 버튼을 어디에 설정을 하냐 입니다.
전 각 블로그의 글의 상단에 "좋아요" 버튼을 설정 하기로 결정했습니다.
skin.html 에서 <div class="article"> 여기를 기준으로 삼았습니다.

 
- 소스 보기, iframe 부분만 제가 추가한것입니다.
<div class="article">

<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.kimdohoon.com['##_article_rep_link_##']&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;colorscheme=light&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe>           

 
</div>

※ ['##_article_rep_link_##'] <= 여기서 앞,뒤 [ ' ]는 빼고 쓰시기 바랍니다. 컴퓨터 변수라 그냥 쓸 경우 화면에 보이지 않아서 제가 일부러 넣었습니다. 

또하나 살펴볼 내용이 위 페이스북에서 제공하는 iframe을 그대로 복사해서 붙여 넣기 할경우
제가 원하는 각 블로그 글 상단에 "좋아요"버튼이 생기지만, 테스트로 "좋아요"라고 누르게 되면
블로그 전체에 "좋아요"가 설정이 되어 버립니다.
그래서 iframe 소스중 자신의 블로그 주소 뒤에 ['##_article_rep_link_##'] 를 추가해 주면 문제점은 해결이 됩니다.

이 상황을 전 이렇게 해석 할수도 있을것 같습니다.
 1) 이 블로그를 몇명이 좋아 합니다. 라고 할때 (기본 소스)
 2) 블로그의 이글을 몇명이 좋아 합니다. 라고 할때 (기본 소스 + )

(최종 적용된 모습)

혹시나, 페이스북에 로그인을 하지 않는 상태에서 "좋아요"버튼을 눌렀을때 에러가 뜨신다면
위 참고글을 참고해주시기 바랍니다.

감솨합니다.!!

현재 제 블로그에 사진 밑 검색 밑에 있는 이메일 아이콘이 보이시나요?
제가 예전부터 이걸 블로그에 달고 싶었습니다.

블로그 하는 지인에게 물어 볼까? 하다가 저 자신도 모르게 잊고 지내 왔었습니다.
그러다가 오늘 블로그 향해를 펼치다가 우연하게 발견하게 되었습니다.

그래서 혹시나 저처럼 이메일을 주소를 블로그에 달고 싶은 분들을 위해 남겨 봅니다.^^

준비물은 자신이 현재 쓰고 있는 이메일만 알고 있으면 됩니다. 

1. http://services.nexodyne.com 방문 
   그리고 밑에 사각형 박스에 자신이 쓰고 있는 이메일을 쓰면 됩니다. 대표적으로 GMail등 몇가지가 있지만,
   이메일 형식을 누르면 더 많은 이메일 형식이 나옵니다. 그런데 외국 싸이트다 보니 국내 naver, daum 같은 이메일 형식은 없는듯 합니다.  
 

2. 자신이 쓰고 있는 이메일 주소를 넣고, 밑에 있는 Generate를 눌러 줍니다. 
 
3. 그럼 밑에 처럼 바로 자동적으로 이메일을 아이콘으로 만들어 줍니다.
   빨간색이 만들어진 아이콘, 초록색이 아이콘의 url입니다. 그리고 보라색의 Click here를 누르면 컴퓨터로 저장도 할수가 있습니다.
(※ 블로그에도 달아야 하기 때문에 URL를 복사하여 저장해 놓으시면 편합니다.)

4. 위에서 Click Here를 누르면 아래 처럼 자신의 컴퓨터에 원하는 위치에 다운로드 할수 있습니다.


5. 이젠 내 블로그에 달아 보도록 하겠습니다. (제 블로그가 티스토리라 티스토리 기준으로 하겠습니다.)
   관리자기능에서 스킨 - 사이드바 설정, 사용 가능한 모듈(그림왼쪽)에서 HTML 배너출력을 클릭하고 오른쪽 사이드바 꾸미기에서 원하는 위치에 놓습니다.(전 사진 밑쪽으로 선택했기 때문에 검색 모듈 밑쪽으로 놓았습니다.)
그리고 편집을 클릭합니다.


6. 그러면 팝업창으로 창이 뜨는데요, 여기서 간단한 HTML 소스및 위 싸이트에서 저장해둔 이메일 아이콘 URL이 필요 합니다.
이름은 자산이 알기 쉽게 대충 적어 놓으시면 되구요. (전 이멜주소)
그다음 HTML 소스에 다음과 같이 하시면 됩니다.
<IMG SRC=" 복사해둔 내 이메일 아이콘 URL "> 이 방식은 HTML 소스로써 처음 보신분은 이해보다는 그냥 저렇게 하셔서 저장 하시면 될것 같습니다. 그리고 미리보기를 통해 저장전에 한번 확인해 보시는것도 좋구요.


7. 짠!! 최종적으로 자신의 원하는 위치에 이메일 주소가 나타나 있는것을 확인 하였습니다^^



:: 이런 서비스가 있는줄 모르고 있었네요..ㅠㅠ 알고보면 참 간단한것인데요..!ㅠㅠ

얼마전부터 트위터에서 페이스북으로 자리를 옮겼습니다.
(현재 트위터 사용자들이 많아서 뉴스 읽기용으로 트위터를 하기는 합니다.)

그런데 블로그(티스토리)에서 페이스북으로 연동 하는 방법이 있다고해서 낼름 따라해 보았습니다.
방식은 RSS방식인것 같습니다.

제가 블로그에 글을 쓰면 일정 시간에 따라서 제 블로그 글을 제 페이스북이 가져가서 마치 페이스북에 글을 쓴것 처럼 글을 올려주는 방식입니다.

저는 비록 많은 사람들이 제 글을 보기 위해서, 많은 방문자를 유치하기 위해서 블로그를 하는것은 아니지만 잘 되어있는 기술을 안쓰는것도 예의는 아니겠죠?^^? 또 페이스북도 하니!! 괜찮은 기능인것 같습니다.

그럼 가볍게 티스토리와 페이스북 연동 방식에 대해서 알아보겠습니다.
(작성을 해보니, 꼭! 티스토리 뿐만 아니라 다른 블로그에서도 가능한것 같습니다.
 또한 페이스북말고도 트위터로도 전송이 가능합니다.^^)

※ Tip : 자신의 블로그와 페이스북에는 먼저 가입이 되어 있어야 겠죠? ^^;

[참고글]
http://jsblab.com/30091105036
http://fineworld.tistory.com/12
http://blog.hanains.com/sslee/191
http://loved.pe.kr/entry/feedburner-Socialize

1. http://twitterfeed.com/ 방문 

2. 원하는 이메일 주소로 가입
3. Create New Feed를 눌러서 진행


4. 아래처럼 Name과 RSS Feed URL 기입, URL를 기입하고 나서 test rss feed를 눌러서 feed parsed OK를 꼭! 확인하시기 바랍니다.
그리고 맨아래 Create Service 선택(이미지에서는 안보이네요^^)
아래 Advanced Settings에서는 블로그 글 세팅 시간등 간단한 세팅 방법이 있습니다.


5. 전 페티스북으로 연동하기 때문에 Facebook 선택, 트위터로 하실꺼면 트위터 선택하셔도 됩니다.

6. 밑에 1번을 눌러보면 위에서 입력한 자신의 블로그 주소가 나와 있을꺼구요. 그걸 선택합니다.
그리고 저는 이상하게 이미지가 깨져서 나오는데, 2번 밑에는 원래 Connect 이미지가 보입니다. 그걸 클릭!

7. 허가하기!!(여기서 간단한 인증을 하기도 했던것 같아요. 갑자기 생각이 안나네요..^^;)

8. 허가하기

9. 저는 허가하기 누르면 막 오류 페이지가 뜨기도 했지만, 아래처럼만 보인다면 정상적으로 등록이 된겁니다.

10. Facebook에서 Active 확인하고  All Done 선택

11. 그럼 짠!! 정상적으로 등록된 모습입니다.
저도 아직은 연동만 해본 상태라 자세한건 좀 사용을 해봐야 겠습니다.

12.



블로그 글에 좋아요!, 트윗 버튼 달아 보기!

요즘들어 여러 사람들의 블로그 글을 보면 글 맨 마지막에 각종 SNS 이모티콘들이 보이기 시작했다.
맨처음에 별 관심이 없었는데, 거의 많은 사람들이 있는걸 봐서 뭔가 있구나 라고 생각을 했는데,
찾아보니 매우 유용한 글인것 같다.

나의 글을 보러 방문한 사람들이 맘에 드는 글을 봤을때 손쉽게 트위터, 페이스북, 미투데이등으로 글을 홍보해 주는것이다.

이걸 찾으려고 약 10분동안 열심히 검색을 했는데, 알고보니 티스토리 플러그인에서 제공을 해주고 있었다. ㅠ.ㅠ
급한 마음에 이것 저것 본게 오히려 더 화근;; 천천히 봤으면 바로 찾을수 있었을텐데 말이다. ㅠㅠ

아래 나오는것 말고도 여러가지 내 블로그 글을 페이스북이나 트위터에 보내주는 것들이 있었다.
차근 차근 정리좀 해봐야 겠당!! ㅠ