본문 바로가기

남들은 모르는 SNS 사용법

홈페이지 또는 블로그에 좋아요 버튼 추가하기... 이렇게 쉽습니다




여러분 홈페이지나 블로그를 홍보하고 싶다면,

홈페이지나 블로그에 좋아요 버튼을 삽입해서 홍보하는게 효과적입니다.

단순하게 좋아요를 누르는 행위로 수많은 사람들이 여러분의 홈페이지에 유입될 수 있기 때문이죠.
(좋아요 효과참고:
http://yunmarketing.tistory.com/15)







여러분이 티스토리 블로그를 쓰신다면, 좋아요 버튼은 몇번의 클릭으로 손쉽게 적용할 수 있는데...



관리자로 들어가셔서 왼쪽에 "플러그인 설정" 메뉴에 들어가시면 









이런게 있답니다.

사용한다고 체크해주시면 게시물마다 좋아요 버튼이 달리게됩니다.











그외의 블로그나 홈페이지의 경우 좋아요 버튼 추가하는 방법!

여기로 들어갑니다   https://developers.facebook.com/docs/plugins/


우리가 좋아하는 페이스북 개발자 페이지입니다.


여기서 우리는

제일 간편하고, 홍보효과는 최고인 좋아요 버튼을 달아보는 겁니다. Like Button 눌러주세요

















그리고 밑을 보시면....



이런 화면이 나옵니다.

맨처음 URL에다가 여러분의 홈페이지나 블로그 주소를 씁니다.

제 블로그의 경우에는... http://yunmarketing.tistory.com/ 을 썼습니다.



나머지는 여러분 입맛대로 설정해주시면 됩니다.

Send Button은 메세지 보내기 기능인데요, 별로 쓰는 사람은 없으니 해제추천!

Layout style에서 여러분이 좋아하는 모양으로 꾸며주시고,

Width는 너비입니다. 단위는 픽셀!

Show Faces는 좋아요한 친구들의 얼굴을 보여줍니다.

그리고 여러가지 설정해주신다음..

Get Code를 눌러주세요.











그렇다면




이 화면이 뜨고, 원하는 앱을 선택하세요.저는 marketing blog라고 이름지은 앱을 썼지요.

(
아, 혹시 페이스북 앱이 없으시다면 하나 만드세요 http://yunmarketing.tistory.com/17)








작업을 시작합시다.

블로그의 경우, 이제 스킨파일을 열어서 수정합니다. (티스토리는 관리자 페이지에서 스킨파일을 수정할 수 있잖아요..?
)

홈페이지는 직접 스킨파일을 편집기 아무걸로 열어서 수정합니다.













스킨 편집 화면으로 들어가서, 맨 처음 나오는 <Body> 부분을 찾아주세요. 컨트롤+F 로 찾으시면 편리합니다.










<Body> 태그 바로 밑에 1번 코드를 복사 붙여넣기 합니다.









그리고 대부분의 사람들이 홈페이지나 블로그 홈에 좋아요 버튼을 다는 것 보다는

게시물 마다 각각 좋아요 버튼을 다는걸 원할테니.. 게시물 마다 좋아요 버튼 다는 법을 설명해드릴게요.


혼란스러운 skin.html 코드에서 게시물(본문) 부분을 찾습니다.

역시 컨트롤+ F 로 본문을 찾으시면 편리합니다.










스킨마다 다르겠지만 <본문> 이 있고 그 다음 <본문관련 태그> 그 다음 <본문 댓글> 코드가 위치해있을겁니다.

여러분이 원하는 위치에다가 나머지 2번 코드를 복사 붙여넣기 해주시면 됩니다.

아마 <본문> 끝나는 부분 바로 다음에 붙여넣으면 본문 끝나고 좋아요 버튼이 뙇 나오니까 깔끔할걸요?












그곳에 2번 코드를 복사 붙여넣기 합니다.

저는 <본문> 끝나고 <본문관련태그> 시작 바로전에 붙여넣기했습니다.

그리고 붙여넣고











티스토리 블로그일 경우,

게시물 마다 좋아요 버튼을 달기 위해 여러분의 블로그 주소 다음에 [ ##_article_rep_link_## ] 라는 치환자를 써넣어줍니다.



이유는...

그냥 여러분의 블로그 주소 yunmarketing.tistory.com 여기까지만 쓰면 좋아요 버튼을 누르면 "블로그 전체"가 좋아요됩니다.

좋아요를 게시물마다 추가하려면 yunmarketing.tistory.com/21 이렇게 게시물 주소를 써넣어야 "게시물"이 좋아요가 됩니다.

게시물 주소를 대신 입력해주는 "치환자"를 써넣으면 게시물마다 주소가 바뀝니다.




뭐 이유가 어찌됐든 티스토리 블로그는 걍
[ ##_article_rep_link_## ] 를 써넣어주세요.

홈페이지를 운영하시는 분일 경우.. 홈페이지 만든 사람에게 물어보세요 어떤 치환자를 써야되는지요.



이렇게 하면 완성입니다.

















저는 본문 글 위에 좋아요 버튼을 넣어봤습니다 ( <본문글> 이라고 되어있는 태그 위에 복사붙여넣기 했어요! )






멋있다