본문 바로가기

[ IT ][ PC ][ Mobile ]/팁 & Information

[Tip!] 티스토리 블로그 페이스북 페이지 좋아요 위젯 설치하기

336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.


이전 포스팅에서 원래 달고 싶었던 페이스북 페이지 위젯을 달지 못하고 다른 위젯을 달았었습니다. 하지만 이제 원하던 페이스북 페이지 위젯을 달 수 있게 되어 그 방법에 대해 포스팅을 합니다.


▼아래 이미지의 위젯 설치 방법 포스팅입니다.▼


지난 포스팅에서는 원래 달고 싶었던 위의 위젯 설치에 실패해서 아래의 위젯을 며칠을 설치해둔 상태였는데 이제 방법을 알게 되었네요. 생각보다 쉽습니다. 따라하시면 금방 됩니다.



▲울며 겨자먹기 식으로 일단 달아두었던 위젯입니다.▲ 

해당위젯 설치 방법 보기

 >[Tip!] 티스토리 블로그 사이드바에 페이스북 위젯 설치하기(프로필,좋아요,사진,페이지)

 




 페이스북 페이지 좋아요 위젯 설치 방법  



일단 페이스북 개발자 페이지로 이동을 합니다.




저는 로그인이 되어 있는 상태로 진행하기 때문에 제가 개설한 페이스북 페이지의 주소가 자동으로 입력이 되어 있습니다. 로그인을 하시거나 정확한 주소를 입력하시면 미리보기에서 본인의 페이스북 페이지 위젯을 확인할 수 있습니다.


1. 좌측에서 페이지 플러그인 클릭 > 위젯 사이즈 입력 > Get Code 클릭                                                                                                        






2. 1번 "html 편집 body부분에 들어갈 코드" 부분 클릭하여 전체 블록 지정 후 복사(Ctrl + C)   




                                                                                                     




3. 관리자 모드 진입 > HTML/CSS 편집 클릭                                                                                                        





4. body부분에 1번 코드 붙여넣기(Ctrl + V) 삽입

 - 저는 알아보기 쉽게 <!-- , -->로 주석태그를 달았고 body부분 가장 처음에 코드를 삽입하였습니다.                                                                                                        

 - 2번으로 돌아가 2번 "사이드바 html에 들어갈 코드"  복사

 


                                                                                                        




5. 관리자 모드 > 플러그인 설정 > HTML배너 출력 > + > 사이드바의 원하는 위치로 드래그 > 편집 클릭    



                                                                                                    




6. 편집창에 2번 코드 삽입(HTML소스 칸) > 확인 > 저장    



                                                                                                   



7. 티스토리 메인으로 돌아와 설치 확인                                                                                                        


그대로 따라 진행하시면 별 무리 없이 설치가 가능하실 겁니다. 

포스팅이 맘에 드셨다면 사이드바의 좋아요를 누르시면 붉은대륙의 포스팅을 페이스북에서도 받아 보실 수 있습니다.


                                                                                                        



 

◆ 비슷한 글


[Tip!] 티스토리 블로그 크기가 제각각인 사진 이쁘고 깔끔하게 나열(배치)하기


[Tip!] 티스토리 블로그 사이드바에 페이스북 위젯 설치하기(프로필,좋아요,사진,페이지)


[Tip!] 티스토리 사이드바에 블로그 차트 위젯 달기(블로그 관리/운영 팁)


[Tip!] 티스토리 기본 글자 서식 원하는대로 바꾸기 - (폰트,사이즈 등 서식 만들기)


[Tip!] 블로그 사이트 방문자수를(방문객) 늘리는 방법 - 텐핑(10PING)의 소문과 수익 내기 구조