Web site

웹사이트 블로그, 트위터 위젯 만들기 (티스토리에 트위터 위젯 달기) 홈페이지 꾸미기

와딩 2020. 5. 25. 18:10

블로그 & 웹사이트 꾸미기 - 트위터 위젯 만들기 편



안녕하세요 오늘은 트위터 위젯을 만들어 볼까 합니다. 또한 만든 위젯을 티스토리 블로그에 적용도 시켜보겠습니다. 정말 쉬우니까 여러분도 한번 따라 해보세요^^



▲위젯 만들기에 앞서 저처럼 티스토리에 설치하실 분들은 자신의 블로그 사이드바 메뉴에 배너 출력 플러그인을 적용시켜 주셔야 합니다. 관리자 페이지로 이동 후, 플러그인 "배너 출력"을 눌러주세요



▲적용을 눌러줍니다.



https://publish.twitter.com


▲이제 트위터 위젯을 만들어 볼 겁니다. 자신의 블로그 주소를 복사해 주시고, 위 링크로 이동하여 복사한 주소를 넣어주세요 



▲화면을 내려보시면 임베디드 트윗, 타임 라인, 버튼 3가지 스타일 선택항목이 보이실 겁니다. 하나 선택하시고, 아래 "사용자 정의 옵션 설정"을 눌러주세요 아마 여러분은 페이지가 한글이 아닌 영어로 보이실 텐데요 구글 크롬 브라우저로 접속하셔서 번역 설정하시면, 저처럼 한글로 보실 수 있습니다.



▲높이, 폭, 빛(배경색), 국가별 언어, 4가지 항목을 설정하고, 아래 "옵트아웃" 체크 후, "최신 정보"를 눌러줍니다.



▲코드소스를 복사 후, 자신의 웹사이트 또는 티스토리 관리자 페이지로 이동합니다.



▲꾸미기> 사이드바, 아까 추가한 "HTML 배너출력" 메뉴가 보일 겁니다. + 부분을 누른 후....



▲우측 HTML 배너출력 "편집"을 클릭하고, 아래 방금 만든 트위터 코드소스를 여백 없이 넣어줍니다. 이름도 알아보기 쉽게 써주시고요



▲자신의 메인 홈페이지로 이동하시면 완성된 트위터 위젯을 확인하실 수 있습니다.