티스토리 트위터 위젯 간단하게 정리하는 방법

티스토리 트위터 위젯 간단하게 정리하는 방법입니다

 

오랫동안 지어오던 참외농사를 접고 무화과 농사로 전환하느라

시설을 바꾸는 등 농사일이 바빠서 잠시 방치(?)하던 블로그를 점검하던 중

예전에 설정해 놓은 트위터 위젯이 불통이라 다시 설치 하였습니다

 

그런데 트위터에서 제공받은 위젯 소스가 블로그 사이드바를 너무 많이 차지하는 등

보기가 깔끔한 맛이 없어 약간의 HTML편집을 거쳐 심플하게 설치하였습니다

 

자~ 그럼 저의 블로그에 설치한 티스토리 트위터 위젯 간단하게 정리하는 방법입니다

 

 

 

 

먼저 자신의 트윗에서 설정으로 들어 갑니다

아래 그림 처럼 설정창 하단에 있는 위젯을 클릭하여 "새로만들기"를 시작합니다 

 

 

 

 

 

티스토리 트위터 위젯 설정은 달리 수정할 필요없이 그대로 저장하시면 되구요

 

생성된 소스를 복사하여 블로그 사이드바 설정창으로 가서

태그입력기를 추가하여 소스를 붙혀 넣어주시면 됩니다

 

 

 

 

 

 

이렇게 생성된 티스토리 트위터 위젯은 아래와 같이 너무 길게 차지하는 등

보기가 다소 지저분할수 있어 간단하게 HTML 편집을 해줍니다

 

 

 

 

 

 

치환자 편집은 사진과 같이 세로 길이를 줄이기 위하여 크기를 지정 해주고 

깔끔하게 보이기 위하여 테두리 색상을 추가 하였습니다

 

저는 사용중인 블로그 사이드바에 설치된 각 모듈에 맞게 300으로 하고

테두리 색상도 비슷하게 같은 색상으로 마췃습니다

 

참고로 깔끔한 색상값으로는 

red #FF0000, orangered #FF4500, lawngreen #7CFC00, blue #0000FF 등이 있습니다

물론 검은색은 #000000 입니다

 

자신의 취향에 맞는 색상으로 블로그를 꾸미면 되겠죠 ^^;;

 

 

이상 티스토리 트위터 위젯 간단하게 정리하는 방법으로 

스크롤바 압축으로 내용상의 표시는 변함없이 심플하게 정리가 되었습니다

 

추가된 소스중 가로(width) 길이는

사용중인 자신의 블로그 사이드바 폭을 넣어주면 됩니다

저의 블로그는  200 입니당 ^^;;

 

 

 

 혹시 사진이 잘 안보이시는 분을 위하여

 위젯 크기는 width="200" height="300" 이구요 

 테두리색상은 data-border-color="#696969" 입니다

 

 위 소스를 비교하여 같은 위치에 추가하시면 됩니다 아주 간단하죠

 

 혹시 무화과가 필요하시면 블로그를 한번 둘러봐 주세요

 무지 복 받으실 겁니다 ^^;;